/* ============================================================
   A&7 · Simulador de Regimes — Design Tokens & Temas (claro/escuro)
   Mobile-first · CSS puro · sem frameworks
   ============================================================ */

:root {
  /* ---- Marca (fixos nos dois temas) ---- */
  --violet: #6b32ff;
  --violet-2: #934cff;
  --magenta: #ff2ec8;
  --blue: #315cff;
  --green: #2fd59f;
  --amber: #ffb02e;
  --red: #ff5470;

  /* ---- 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(17, 13, 30, .12);
  --shadow-sm: 0 10px 30px rgba(17, 13, 30, .1);
}

/* ============ TEMA CLARO (padrão) ============ */
:root,
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f4f8;
  --surface: #ffffff;
  --surface-2: #eeecf4;
  --surface-3: #e7e4ef;
  --ink: #0c0b11;
  --muted: #6c6877;
  --line: rgba(12, 11, 17, .11);
  --line-strong: rgba(12, 11, 17, .2);
  --header-bg: rgba(255, 255, 255, .86);
  --header-ink: #0c0b11;
  --hero-bg-1: #faf9fc;
  --hero-bg-2: #f3f1f7;
  --grid-line: rgba(12, 11, 17, .045);
  --tool-bg: rgba(255, 255, 255, .94);
  --tool-border: rgba(12, 11, 17, .08);
  --badge-ok-bg: rgba(47, 213, 159, .16);
  --badge-ok-ink: #0b8f63;
  --badge-warn-bg: rgba(255, 176, 46, .18);
  --badge-warn-ink: #a86600;
  --badge-danger-bg: rgba(255, 84, 112, .14);
  --badge-danger-ink: #d63b57;
  --glow: rgba(107, 50, 255, .26);
  --code-bg: #14121c;
  --code-ink: #e8e6f2;
}

/* ============ TEMA ESCURO ============ */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #09080d;
  --surface: #111018;
  --surface-2: #1a1922;
  --surface-3: #232230;
  --ink: #f5f4f8;
  --muted: #a39fb0;
  --line: rgba(255, 255, 255, .11);
  --line-strong: rgba(255, 255, 255, .22);
  --header-bg: rgba(9, 8, 13, .9);
  --header-ink: #ffffff;
  --hero-bg-1: #0b0a11;
  --hero-bg-2: #0e0d16;
  --grid-line: rgba(255, 255, 255, .05);
  --tool-bg: rgba(17, 16, 24, .94);
  --tool-border: rgba(255, 255, 255, .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;
  --glow: rgba(147, 76, 255, .32);
  --code-bg: #0b0a11;
  --code-ink: #d8d4e6;
}