/* ==========================================================================
   Comfy · Guia de Montagem — tokens compartilhados
   --------------------------------------------------------------------------
   Vale para TODOS os manuais, na tela e no papel. As variáveis --cmfy-* vêm
   de comfy-brand.css (espelho da loja, build/sync_brand.py); todo var() aqui
   tem valor de reserva, então o manual continua correto sem aquele arquivo.
   ========================================================================== */

/* ---------- tokens ---------- */
:root{
  /* O briefing escreve "Maronpe"; confirmado que é a Manrope, a fonte do
     tema da loja. Uma família só, do título ao rodapé. */
  --font:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;

  --wine:var(--cmfy-logo,#6B1F2E);        /* cor do logotipo, token da loja */
  --wine-deep:#4E1421;
  --wine-wash:#F6EEEC;

  --bg:var(--cmfy-white,#FFFFFF);         /* briefing: fundo branco */
  --surface:var(--cmfy-background,#FAF8F4);
  --surface-2:var(--cmfy-cream,#F3EEE7);
  --ink:var(--cmfy-foreground,#2E3438);
  --ink-70:#5A6165;
  --ink-45:#8A9196;
  --line:var(--cmfy-border,#E7E2DA);
  --line-strong:#D7CFC3;

  --accent:var(--wine);
  --accent-hover:var(--wine-deep);
  --on-accent:#FFFFFF;
  --share-bg:var(--wine);
  --ok:#2E6B50;

  --r-xs:8px; --r-sm:12px; --r:18px; --r-lg:24px; --r-xl:32px;
  --shadow:0 1px 2px rgba(27,22,24,.04),0 10px 30px -18px rgba(27,22,24,.35);
  --shadow-lg:0 2px 4px rgba(27,22,24,.05),0 24px 60px -28px rgba(27,22,24,.45);

  --pad:clamp(20px,5vw,40px);
  --maxw:1080px;
  /* Superficie das figuras. Fixa de proposito: as ilustracoes chegam em
     qualquer formato (PNG, JPG, SVG, foto) e nem todas podem ser invertidas
     no tema escuro. Apoiar todas num painel claro resolve para qualquer uma. */
  --fig:#F5F1EC;
  --fig-line:#E7E0D6;
  color-scheme:light;
}