/* Tokens do site da Dra. Ana Laura Walcher.
   Derivados do site anterior (rosé #D1A99B, marinho #2E3252, Montserrat + Lora).
   Contraste medido (WCAG): ver docs/plano.md. */
:root {
  /* Cores da marca */
  --marinho: #2E3252;        /* fundo escuro; texto branco 12,4:1 */
  --marinho-fundo: #262A47;  /* faixa escura secundária (rodapé) */
  --rose: #D1A99B;           /* destaque sobre marinho 5,8:1; botão com texto marinho 5,8:1 */
  --rose-claro: #F3E7E2;     /* fundo suave */
  --rose-texto: #8A5A4C;     /* rosé para texto e links sobre claro: 5,8:1 no branco */
  --nevoa: #F4F5F9;          /* fundo de seção */
  --tinta: #23263D;          /* texto principal: 14,8:1 no branco */
  --tinta-suave: #4A4E68;    /* texto secundário: 8,1:1 no branco */
  --branco: #FFFFFF;
  --linha: #DCDEE8;

  /* Fontes */
  --f-titulo: "Montserrat", "Segoe UI", Arial, sans-serif;
  --f-texto: "Lora", Georgia, "Times New Roman", serif;

  /* Escala tipográfica (terça maior, 1,25) */
  --t-0: 0.875rem;   /* 14 */
  --t-1: 1rem;       /* 16 */
  --t-2: 1.125rem;   /* 18 – texto corrido */
  --t-3: 1.375rem;   /* 22 */
  --t-4: 1.75rem;    /* 28 */
  --t-5: clamp(1.75rem, 1.3rem + 1.6vw, 2.25rem);   /* 28→36 h2 */
  --t-6: clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem);     /* 40→72 nome */
  --t-7: clamp(2.75rem, 1.4rem + 5.6vw, 6rem);      /* 44→96 nome no hero */

  /* Espaçamentos */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4.5rem;
  --e-9: 7rem;

  --largura: 72rem;
  --largura-texto: 40rem;   /* ~65 caracteres em Lora 18px */
  --raio: 4px;
  --raio-pilula: 999px;
  --sombra: 0 1px 2px rgb(35 38 61 / 0.06), 0 8px 24px rgb(35 38 61 / 0.08);
  --transicao: 160ms ease;
  --altura-cabecalho: 4.75rem;
}