/* tokens.css — Planta Amor. Vibra Flor
   Fonte única de verdade visual: cerebro/design-system.md (do Claude Design).
   Um token = uma variável. Nada de cor literal fora daqui. */
:root{
  /* cor — 8 herdadas, papel fixo (manual p.17) */
  --pa-bg-base:#FBFCFA; --pa-creme:#F0DCC5;  /* bg-base igualado ao fundo do vídeo do hero */
  --pa-salvia:#8E9C76; --pa-oliva:#5A6946;
  --pa-verde-escuro:#3E4C25;
  --pa-caramelo:#C27636; --pa-caramelo-texto:#A05F27;
  --pa-marrom:#462214;
  /* aliases semânticos */
  --bg:var(--pa-bg-base); --surface:var(--pa-creme);
  --text:var(--pa-verde-escuro); --cta:var(--pa-verde-escuro); --cta-text:var(--pa-bg-base);
  --accent:var(--pa-caramelo); --accent-text:var(--pa-caramelo-texto);
  /* derivados técnicos */
  --cta-hover:#2B3519; --link-hover:#462214;
  --foco:var(--pa-caramelo);              /* ring 2px, offset 2px */
  --creme-soft:#FAF4EB;                   /* hover de card */
  --border-hairline:rgba(62,76,37,.14);
  --border-on-deep:rgba(254,254,252,.22);
  /* tipografia */
  --font-display:'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:'Mulish', system-ui, -apple-system, sans-serif;
  --display-weight:420; --display-weight-small:600;
  --fs-12:.75rem; --fs-14:.875rem; --fs-16:1rem; --fs-18:1.125rem;
  --fs-22:1.375rem; --fs-28:1.75rem; --fs-36:2.25rem; --fs-48:3rem;
  --fs-hero:clamp(2.25rem, 4.8vw, 3.5rem);  /* display do hero */
  --lh-title:1.15; --lh-body:1.6;
  --tracking-label:.18em;
  /* espaço (escala de 4) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px;
  /* raio / sombra */
  --raio-prancha:8px; --raio-card:12px; --raio-painel:16px; --raio-pill:999px;
  --shadow:none;
  /* movimento */
  --ease:cubic-bezier(.22,.61,.36,1); --dur-enter:520ms; --dur-color:140ms;
  /* layout */
  --container:1080px; --bp-sm:480px; --bp-md:768px; --bp-lg:1080px;
}