/* PADRÃO KANNON — TOKENS · Demo "Saúde & Bem-estar" (Espaço Raízes)
   Marca: verde sálvia, acolhedor, serifa Newsreader. */
:root {
  --brand:        #2F6B5E;   /* verde sálvia */
  --brand-strong: #245549;   /* botão (branco em cima = AA) */
  --brand-soft:   #E4EFEB;   /* realce suave */
  --brand-ink:    #1E4A40;   /* texto na cor */
  --on-brand:     #ffffff;

  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body:    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ring: 0 0 0 3px rgba(47, 107, 94, 0.34);

  --paper:    oklch(0.987 0.006 150);
  --surface:  oklch(0.957 0.008 150);
  --surface-2:oklch(0.928 0.010 150);
  --line:     oklch(0.89 0.010 150);
  --ink:      oklch(0.24 0.012 160);
  --ink-soft: oklch(0.43 0.012 160);
  --ink-mute: oklch(0.56 0.010 160);

  --text-label: 0.78rem; --text-sm: 0.875rem; --text-base: 1.0625rem; --text-md: 1.25rem;
  --text-lg: clamp(1.4rem, 1.2rem + 0.9vw, 1.65rem);
  --text-xl: clamp(1.7rem, 1.3rem + 1.7vw, 2.2rem);
  --text-2xl: clamp(2.1rem, 1.5rem + 2.7vw, 3rem);
  --text-3xl: clamp(2.6rem, 1.6rem + 4.4vw, 4.25rem);
  --text-4xl: clamp(3rem, 1.5rem + 6.6vw, 5.75rem);
  --leading-tight: 1.04; --leading-snug: 1.18; --leading-body: 1.6;
  --tracking-tight: -0.02em; --tracking-label: 0.14em; --measure: 64ch;

  --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;
  --section-y: clamp(3.5rem, 2rem + 7vw, 7rem);

  --r-sm: 6px; --r-md: 10px; --r-lg: 18px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px oklch(0.3 0.02 160 / 0.06), 0 2px 6px oklch(0.3 0.02 160 / 0.05);
  --shadow-md: 0 4px 12px oklch(0.3 0.02 160 / 0.08), 0 12px 32px oklch(0.3 0.02 160 / 0.07);
  --container: 1120px; --tap: 48px;
}