/* tema.css — Tokens semânticos SDD MGIL v1.0
   Direção: Swiss International Style + editorial modernista + sinalização contemporânea
   SEM dark mode — não previsto no SDD */

:root{
  /* ── Paleta de tinta (fundos escuros, texto, autoridade) ── */
  --ink-950:#111315;        /* texto principal, nav escura, fundos de autoridade */
  --ink-800:#25292C;        /* texto secundário forte, superfícies escuras */

  /* ── Paleta de papel (fundos claros) ── */
  --paper-50:#F7F7F3;       /* fundo principal claro */
  --paper-100:#ECEDE8;      /* seções alternadas, superfícies suaves */

  /* ── Cor proprietária MGIL ── */
  --signal-500:#D7F23A;     /* CTA primária, indicadores, acentos editoriais */
  --signal-700:#A9C800;     /* hover e variação de contraste */
  --signal-soft:#F0FAB0;    /* tint suave para badges e kickers */

  /* ── Acento laranja (destaques pontuais, etiquetas, atenção) ── */
  --accent-orange:#F26A3D;
  --accent-orange-soft:#FEE8DF;

  /* ── Sistema ── */
  --line:#D5D8D2;           /* divisores e bordas discretas */
  --line-strong:#B8BDB5;    /* bordas com mais presença */
  --success:#237A57;
  --warning:#B66A00;
  --danger:#B42318;

  /* ── WhatsApp ── */
  --wa:#25D366;
  --wa-strong:#1DA851;

  /* ── Tipografia ── */
  --font-heading:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;

  /* ── Sombras ── */
  --shadow-sm:0 1px 2px rgb(17 19 21 / .06),0 1px 3px rgb(17 19 21 / .08);
  --shadow-card:0 2px 4px rgb(17 19 21 / .05),0 8px 24px rgb(17 19 21 / .08);
  --shadow-lg:0 12px 40px rgb(17 19 21 / .14);
  --shadow-signal:0 8px 24px rgb(169 200 0 / .32);

  /* ── Ring de foco ── */
  --ring:0 0 0 3px rgb(215 242 58 / .5);

  /* ── Atalhos semânticos (mapeados para tokens base) ── */
  --color-bg:var(--paper-50);
  --color-surface:var(--paper-50);
  --color-surface-2:var(--paper-100);
  --color-fg:var(--ink-950);
  --color-fg-soft:var(--ink-800);
  --color-fg-mute:#5A6066;
  --color-line:var(--line);
  --color-line-strong:var(--line-strong);
  --color-ink:var(--ink-950);
  --color-brand:var(--signal-500);
  --color-brand-strong:var(--signal-700);
  --color-brand-soft:var(--signal-soft);
  --color-on-brand:var(--ink-950);  /* signal-500 é claro: texto escuro */
  --color-wa:var(--wa);
  --color-wa-strong:var(--wa-strong);
  --color-on-wa:#fff;
}