/* ============================================================
   A&7 · Reforma Tributária — Design Tokens & Temas (claro/escuro)
   Paleta adaptada p/ público fiscal-financeiro (empresários, PMEs,
   contadores): azul-profissional + teal (clareza/dinheiro) + âmbar
   (alertas/cronograma). Marca A&7 mantida (violeta/magenta).
   Mobile-first · CSS puro · sem frameworks
   ============================================================ */

:root {
  /* ---- Marca (fixos nos dois temas) ---- */
  --blue: #2f6bff;          /* primário financeiro */
  --blue-2: #1f4fd8;
  --teal: #15c3a0;          /* clareza / dinheiro / economia */
  --violet: #6b32ff;        /* identidade A&7 */
  --violet-2: #934cff;
  --magenta: #ff2ec8;       /* accent da marca (logo) */
  --green: #2fd59f;         /* carga cai / economia */
  --amber: #ffb02e;         /* alerta / cronograma / reforma */
  --red: #ff5470;           /* carga sobe / risco */

  /* ---- Forma / métricas ---- */
  --radius: 28px;
  --radius-sm: 18px;
  --radius-xs: 12px;
  --max: 1180px;
  --header-h: 68px;
  --gap: 24px;

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

  /* ---- Sombras ---- */
  --shadow: 0 24px 80px rgba(9, 13, 26, .16);
  --shadow-sm: 0 10px 30px rgba(9, 13, 26, .12);
}

/* ============ TEMA CLARO (padrão) ============ */
:root,
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fb;
  --surface: #ffffff;
  --surface-2: #eef1f8;
  --surface-3: #e6eaf4;
  --ink: #0b0f1a;
  --muted: #6b7488;
  --line: rgba(11, 15, 26, .11);
  --line-strong: rgba(11, 15, 26, .2);
  --header-bg: rgba(255, 255, 255, .86);
  --header-ink: #0b0f1a;
  --hero-bg-1: #fafbfe;
  --hero-bg-2: #eff2fa;
  --grid-line: rgba(11, 15, 26, .045);
  --tool-bg: rgba(255, 255, 255, .94);
  --tool-border: rgba(11, 15, 26, .08);
  --badge-ok-bg: rgba(21, 195, 160, .15);
  --badge-ok-ink: #0c8f70;
  --badge-warn-bg: rgba(255, 176, 46, .18);
  --badge-warn-ink: #a86600;
  --badge-danger-bg: rgba(255, 84, 112, .14);
  --badge-danger-ink: #d63b57;
  --badge-info-bg: rgba(47, 107, 255, .14);
  --badge-info-ink: #2a55c8;
  --glow: rgba(47, 107, 255, .24);
  --code-bg: #0b0f1a;
  --code-ink: #e6ebf7;
  --dark: #0a0e18;
  --dark-2: #070a12;
}

/* ============ TEMA ESCURO ============ */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a0d16;
  --surface: #121624;
  --surface-2: #1a2030;
  --surface-3: #232a40;
  --ink: #f2f5fc;
  --muted: #a2abbe;
  --line: rgba(242, 245, 252, .11);
  --line-strong: rgba(242, 245, 252, .22);
  --header-bg: rgba(10, 13, 22, .88);
  --header-ink: #ffffff;
  --hero-bg-1: #0b0f1a;
  --hero-bg-2: #0d1220;
  --grid-line: rgba(242, 245, 252, .05);
  --tool-bg: rgba(18, 22, 36, .94);
  --tool-border: rgba(242, 245, 252, .09);
  --badge-ok-bg: rgba(47, 213, 159, .16);
  --badge-ok-ink: #4fe0ae;
  --badge-warn-bg: rgba(255, 176, 46, .16);
  --badge-warn-ink: #ffc25e;
  --badge-danger-bg: rgba(255, 84, 112, .16);
  --badge-danger-ink: #ff7d92;
  --badge-info-bg: rgba(47, 107, 255, .16);
  --badge-info-ink: #7fa6ff;
  --glow: rgba(47, 107, 255, .3);
  --code-bg: #0b0f1a;
  --code-ink: #dbe3f4;
  --dark: #070a12;
  --dark-2: #0a0e18;
}