/* Caravel — tokens de design partilhados (nórdico, leve; 05/11/2026). Documentação: docs/DESIGN_TOKENS.md.
   A loja 3D (landing.css, estilo.css) e o Caravel Checkout usam estas variáveis; mudar aqui muda tudo. */
:root{
  --c3d-fundo:#fbfaf7;          /* osso: fundo das páginas */
  --c3d-fundo-2:#f3f1ec;        /* secções alternadas, caixas suaves */
  --c3d-superficie:#ffffff;     /* cartões */
  --c3d-texto:#23211e;          /* texto principal (quase preto quente) — 15,4:1 sobre o fundo */
  --c3d-texto-2:#5f5b54;        /* texto secundário (cinza quente) — 6,5:1 sobre o fundo */
  --c3d-linha:#e6e2da;          /* bordas e divisórias */
  --c3d-linha-forte:#cfc9bf;    /* bordas de campos */
  --c3d-acento:#1f5560;         /* azul-petróleo escuro: ligações, CTA, foco — branco por cima 8,3:1 */
  --c3d-acento-2:#173f48;       /* acento ao passar o rato */
  --c3d-acento-suave:#e7efef;   /* fundos de etiquetas e realces */
  --c3d-marca:#c9822f;          /* o losango da marca (só decorativo) */
  --c3d-ok:#2f6b47; --c3d-alerta:#8a5a12; --c3d-erro:#a3322a;
  --c3d-raio:12px; --c3d-raio-g:16px; --c3d-raio-p:8px;
  --c3d-sombra:0 1px 2px rgba(35,33,30,.04),0 8px 24px rgba(35,33,30,.05);
  --c3d-sombra-alta:0 12px 32px rgba(35,33,30,.08);
  --c3d-fonte:"Inter Variable",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --c3d-peso-titulo:620; --c3d-peso-forte:600; --c3d-peso-texto:400;
  --c3d-espaco-secao:clamp(56px,8vw,96px);
}