/* Tokens da marca — gerado pelo motor da Randu a partir da 🎨 Marca/briefing. Fonte única de cor, espaço e tipo:
   componentes usam var(--…), nunca hex solto. */
:root {
  --cor-fundo: #fefe9e;
  --cor-texto: #55625c;
  --cor-destaque: #f57da1;
  --cor-apoio-1: #fcd9e4;
  --cor-apoio-2: #ed1556;
  /* texto sobre o rosa (versão invertida): o --cor-texto não passa no contraste AA sobre o #f57da1 */
  --cor-texto-forte: #2c3430;
  /* fontes: cada proposta escolhe as suas; quando a Marcella aprovar uma, ficam só as dela aqui */
  --fonte-titulo: system-ui, sans-serif;
  --fonte-texto: system-ui, sans-serif;
  /* espaço: múltiplos de 4 */
  --e1: 4px;
  --e2: 8px;
  --e3: 12px;
  --e4: 16px;
  --e5: 24px;
  --e6: 32px;
  --e7: 48px;
  --e8: 64px;
  --e9: 96px;
  /* tipo: escala */
  --t-meta: 0.875rem;
  --t-corpo: 1rem;
  --t-lead: 1.25rem;
  --t-h3: 1.5rem;
  --t-h2: 2rem;
  --t-h1: clamp(2.5rem, 6vw, 4rem);
  --raio: 8px;
  --foco: 0 0 0 3px color-mix(in srgb, var(--cor-destaque, currentColor) 45%, transparent);
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
}