/* ============================================================
   Design Tokens — Dra. Vanuza Kohut
   Fonte: Brandbook v1.0 · 2026, seção 12 "Design Tokens" (p.22)
   Regra: nenhuma cor fora destes tokens. Derive por alpha.
   Proporção: 70% bege/grafite · 20% nude · 10% terracota.
   ============================================================ */
:root{
  /* cor */
  --cor-bege:      #ECE5DC;  /* base · fundos claros            */
  --cor-grafite:   #4C4441;  /* texto · fundos escuros          */
  --cor-nude:      #D6B69F;  /* secundária · detalhes           */
  --cor-terracota: #A07A6D;  /* acento · destaques (tempero)    */
  --cor-oliva-logo:#616B56;  /* EXCLUSIVO do logo — não usar em UI */

  /* tipografia — oficiais: Kegina (display) / Aeonik (texto)
     substitutas livres em uso: Fraunces / Manrope             */
  --fonte-display: 'Fraunces', Georgia, serif;
  --fonte-texto:   'Manrope', system-ui, sans-serif;

  --peso-display-light: 300;
  --peso-display:       400;
  --peso-texto:         400;
  --peso-texto-semi:    600;
  --peso-texto-bold:    800;

  /* espaço */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;

  /* raio */
  --radius-none: 0;
  --radius-xs:   4px;
  --radius-md:   12px;
  --radius-pill: 999px;

  /* superfícies derivadas (alpha dos tokens — não são cores novas) */
  --superficie-clara:  rgba(236,229,220,.55);
  --superficie-escura: rgba(76,68,65,.62);
  --borda-clara:       rgba(76,68,65,.16);
  --borda-nude:        rgba(214,182,159,.55);
  --texto-suave:       rgba(76,68,65,.72);
  --texto-suave-inv:   rgba(236,229,220,.76);
}