/* ============================================================
   IDA VAZ MACHADO — DESIGN TOKENS
   Enfermeira Especialista em Saúde Mental
   Paleta: azul petróleo · verde sálvia · champagne · off-white quente
   ============================================================ */

:root {
  /* ---------- COR · Azul petróleo (Primary) ---------- */
  --petrol-900: #112D36;   /* footer, overlays profundos */
  --petrol-800: #163C48;
  --petrol-700: #1E4D5C;   /* primary escuro · títulos, header */
  --petrol-600: #2C5F6A;   /* primary · botões */
  --petrol-500: #3E7785;
  --petrol-300: #8FB3BB;
  --petrol-100: #DCE8EB;

  /* ---------- COR · Verde sálvia (Secondary) ---------- */
  --sage-700: #557E61;
  --sage-600: #6B9E78;     /* secondary · CTA suave, ícones */
  --sage-500: #7BA185;
  --sage-300: #ADC8B3;
  --sage-100: #DCE8DD;

  /* ---------- COR · Champagne dourado (Accent) ---------- */
  --gold-700: #A8884C;
  --gold-600: #B8995A;
  --gold-500: #C9A96E;     /* accent · separadores, detalhes */
  --gold-300: #E0CCA3;
  --gold-100: #F2E9D6;

  /* ---------- COR · Fundos quentes ---------- */
  --bg:         #F7F4EF;   /* fundo principal off-white quente */
  --bg-alt:     #FAFAF7;   /* fundo claro alternativo */
  --surface:    #E8EDE8;   /* cards, seções alternadas */
  --surface-2:  #DDE4DD;   /* blocos informativos mais densos */
  --white:      #FFFFFF;

  /* ---------- COR · Texto (cinza escuro quente, nunca preto puro) ---------- */
  --ink:        #2D2D2D;   /* texto principal */
  --ink-warm:   #3A3530;   /* títulos sobre claro */
  --ink-soft:   #574F47;   /* texto secundário */
  --ink-muted:  #7C746B;   /* legendas, metadados */
  --on-dark:    #F4F1EB;   /* texto sobre petróleo */
  --on-dark-mut:#B9C7CB;   /* texto secundário sobre petróleo */

  /* ---------- COR · Funcional ---------- */
  --line:       #E2DCD2;   /* bordas sutis sobre off-white */
  --line-soft:  #ECE7DE;
  --focus:      #2C5F6A;   /* anel de foco */

  /* ---------- TIPOGRAFIA ---------- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* escala fluida (desktop ↔ mobile via clamp) */
  --fs-display: clamp(2.6rem, 1.7rem + 3.6vw, 4.25rem); /* 42 → 68 */
  --fs-h1:      clamp(2.4rem, 1.6rem + 3.2vw, 3.75rem);  /* 38 → 60 */
  --fs-h2:      clamp(1.9rem, 1.4rem + 2vw, 2.75rem);    /* 30 → 44 */
  --fs-h3:      clamp(1.5rem, 1.25rem + 1vw, 1.9rem);    /* 24 → 30 */
  --fs-h4:      clamp(1.25rem, 1.15rem + 0.5vw, 1.45rem);/* 20 → 23 */
  --fs-lead:    clamp(1.12rem, 1.05rem + 0.4vw, 1.3rem); /* 18 → 21 */
  --fs-body:    1.0625rem;  /* 17 */
  --fs-sm:      0.9375rem;  /* 15 */
  --fs-cap:     0.8125rem;  /* 13 */
  --fs-eyebrow: 0.78rem;    /* 12.5 — uppercase tracked */

  --lh-tight: 1.08;
  --lh-snug: 1.25;
  --lh-body: 1.65;
  --lh-relaxed: 1.78;

  --tracking-eyebrow: 0.18em;
  --tracking-wide: 0.04em;

  /* ---------- ESPAÇAMENTO (base 4px) ---------- */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;   --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;     --sp-7: 3rem;     --sp-8: 4rem;
  --sp-9: 6rem;     --sp-10: 8rem;    --sp-11: 10rem;

  --section-y: clamp(4rem, 2.5rem + 6vw, 8rem);
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --maxw: 1200px;
  --maxw-text: 720px;
  --maxw-wide: 1340px;

  /* ---------- RAIO ---------- */
  --r-sm: 0.5rem;   /* 8 */
  --r-md: 0.875rem; /* 14 */
  --r-lg: 1.375rem; /* 22 */
  --r-xl: 2rem;     /* 32 */
  --r-pill: 999px;

  /* ---------- SOMBRAS (suaves, tom petróleo) ---------- */
  --sh-xs: 0 1px 2px rgba(17, 45, 54, 0.05);
  --sh-sm: 0 2px 8px rgba(17, 45, 54, 0.06), 0 1px 2px rgba(17, 45, 54, 0.04);
  --sh-md: 0 10px 28px -10px rgba(17, 45, 54, 0.16), 0 2px 8px rgba(17, 45, 54, 0.05);
  --sh-lg: 0 24px 60px -20px rgba(17, 45, 54, 0.22), 0 6px 16px rgba(17, 45, 54, 0.06);
  --sh-gold: 0 8px 24px -8px rgba(184, 153, 90, 0.35);

  /* ---------- MOVIMENTO ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 0.45s;
  --dur-fast: 0.22s;

  --header-h: 76px;
}