/* Tokens de design. Contrastes conferidos para WCAG AA (ver CLAUDE.md). */
:root {
  /* Cor */
  --bg: #F5EFE6;           /* fundo principal */
  --bg-alt: #EBE1D2;       /* seções alternadas */
  --ink: #4A3426;          /* texto, títulos, botões, campos marrons */
  --ink-deep: #35251B;     /* rodapé */
  --ink-soft: #7A5C42;     /* texto secundário pequeno (≥4.7:1 nos dois fundos) */
  --detail: #8B6B4E;       /* filetes, ícones, estrelas; texto só em tamanho grande */
  --accent: #B08D57;       /* caramelo: só decorativo (fios, moldura) */
  --on-ink: #F5EFE6;       /* texto sobre marrom (~10:1) */
  --on-ink-soft: #D9CBB6;  /* texto secundário sobre marrom (~7:1) */
  --linha: #CDBAA2;        /* bordas finas sobre bege */
  --linha-escura: rgba(245, 239, 230, 0.22); /* bordas finas sobre marrom */

  /* Tipografia */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-small: 0.9375rem;                                  /* 15px */
  --fs-body: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);   /* 17 → 18px */
  --fs-lead: clamp(1.125rem, 1.04rem + 0.4vw, 1.3125rem);
  --fs-h3: clamp(1.25rem, 1.12rem + 0.55vw, 1.5rem);
  --fs-h2: clamp(1.875rem, 1.35rem + 2.2vw, 3rem);
  --fs-h1: clamp(2.375rem, 1.55rem + 3.8vw, 4.375rem);
  --lh-body: 1.6;
  --lh-titulo: 1.12;

  /* Espaço */
  --gutter: clamp(1.25rem, 0.8rem + 2vw, 2.5rem);
  --space-section: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --space-cabeca: clamp(2.25rem, 1.8rem + 2vw, 3.5rem);
  --container: 74rem;
  --header-h: 4.5rem;

  /* Forma */
  --raio: 1.25rem;
  --raio-sm: 0.75rem;
  --raio-pilula: 999px;
  --moldura: 58% 42% 46% 54% / 46% 38% 62% 54%;

  /* Movimento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 700ms;

  --sombra: 0 10px 30px -12px rgba(53, 37, 27, 0.35);
}