/* Tokens da Lu Adam Personal Nutri (tema Mostarda Clínica). Espelha brand/theme.md. */
:root {
  /* cor */
  --color-bg: #FFFFFF;          /* papel: fundo principal */
  --color-surface: #F8F3EA;     /* areia: seções alternadas */
  --color-text: #262626;        /* texto corrido (15,1:1 no branco; 13,7:1 na areia) */
  --color-heading: #000000;     /* títulos (preto da marca) */
  --color-text-muted: #595959;  /* secundário (7,0:1 no branco; 6,3:1 na areia) */
  --color-primary: #CD9646;     /* mostarda da marca: botão primário, traços, pontos */
  --color-primary-ink: #000000; /* texto sobre o mostarda (8,1:1) */
  --color-accent-text: #8A5D1A; /* mostarda para texto/links sobre claro (5,7:1 branco; 5,2:1 areia) */
  --color-primary-soft: #F3E6D1;/* fundo de imagem carregando, fundos de ícone */
  --color-dark: #000000;        /* seção Contato, etiqueta "Atendimento online" */
  --color-on-dark: #FFFFFF;
  --color-line: #E6E3DE;        /* bordas e divisórias */

  /* tipografia */
  --font-display: "Onest", "Segoe UI", Arial, sans-serif;
  --font-body: "Atkinson Hyperlegible Next", Verdana, "Segoe UI", sans-serif;
  --step--1: clamp(0.9375rem, 0.91rem + 0.12vw, 1rem);      /* 15–16 px: notas, registros */
  --step-0:  clamp(1.125rem, 1.09rem + 0.16vw, 1.1875rem);  /* 18–19 px: corpo */
  --step-1:  clamp(1.25rem, 1.14rem + 0.48vw, 1.5rem);      /* 20–24 px: h3, perguntas do FAQ */
  --step-2:  clamp(1.875rem, 1.45rem + 1.9vw, 3rem);        /* 30–48 px: h2 */
  --step-3:  clamp(2.5rem, 1.55rem + 4.1vw, 4.5rem);        /* 40–72 px: h1 */

  /* espaço, raio, sombra, movimento */
  --space-section: clamp(4rem, 2.9rem + 4.8vw, 7.5rem);     /* 64–120 px de padding vertical por seção */
  --gutter: clamp(1.5rem, 0.8rem + 3vw, 3rem);              /* 24–48 px de padding lateral */
  --radius-photo: 28px;
  --radius-card: 18px;
  --radius-pill: 999px;
  --shadow-float: 0 18px 40px -18px rgba(0, 0, 0, .35);     /* selo do hero e capas dos e-books */
  --ease: cubic-bezier(.2, .75, .2, 1);
  --dur: .8s;
  --container: 1200px;
}