/* Tokens do conceito "Sob a Lente" — ver DESIGN.md */
:root {
  /* Campo claro (H&E) */
  --cor-lamina: #f8f6fc;
  --cor-tinta: #1a1530;
  --cor-marinho-logo: #0b2a4a;
  --cor-hematoxilina: #5b3fa6;
  --cor-eosina: #a8326a;
  --cor-texto-suave: #4a4560;
  --cor-lavanda-claro: #e6defa;
  --cor-branco: #ffffff;

  /* Fluorescência */
  --cor-noite: #0a0f24;
  --cor-noite-2: #121a3a;
  --cor-luz: #ece8f7;
  --cor-lavanda: #c4b5f4;
  --cor-gfp: #5ee6b0;
  --cor-rosa-fluor: #ff8fc0;
  --cor-dapi: #9aa3c7;

  /* Tipografia */
  --fonte-titulo: "Fraunces", Georgia, "Times New Roman", serif;
  --fonte-texto: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;

  --t-14: 0.875rem;
  --t-16: 1rem;
  --t-18: 1.125rem;
  --t-22: clamp(1.25rem, 1.1rem + 0.6vw, 1.375rem);
  --t-28: clamp(1.5rem, 1.2rem + 1.2vw, 1.75rem);
  --t-36: clamp(1.75rem, 1.3rem + 2vw, 2.25rem);
  --t-48: clamp(2.1rem, 1.4rem + 3vw, 3rem);
  --t-64: clamp(2.5rem, 1.4rem + 5vw, 4.5rem);

  /* Espaço (base 8) */
  --e-1: 8px; --e-2: 16px; --e-3: 24px; --e-4: 40px; --e-5: 64px; --e-6: 104px;

  /* Forma */
  --raio-cartao: 20px;
  --raio-celula: 48% 52% 46% 54% / 52% 46% 54% 48%;
  --raio-celula-2: 54% 46% 52% 48% / 46% 54% 48% 52%;
  --sombra-clara: 0 10px 34px #5b3fa61f;
  --brilho: 0 0 26px #5ee6b055;

  --largura: 1140px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}