/* ============================================================
   A&7 · Emissor Fiscal Visual — Design Tokens & Temas (claro/escuro)
   Mobile-first · CSS puro · sem frameworks
   Paleta adaptada p/ o público fiscal/B2B: indigo → violeta → ciano
   (confiança, precisão, conformidade) + verde de "emissão aprovada".
   ============================================================ */

:root {
  /* ---- Marca (fixos nos dois temas) ---- */
  --indigo: #4f46e5;   /* âncora principal — confiança/institucional */
  --violet: #6b32ff;   /* DNA A&7 mantido */
  --violet-2: #8b5cf6;
  --blue: #2563eb;     /* azul oficial — DANFE / NF-e */
  --cyan: #06b6d4;     /* acento fiscal-tech — DACTE / CT-e */
  --teal: #14b8a6;
  --green: #10b981;    /* sucesso — "documento emitido" */
  --amber: #f59e0b;
  --red: #ef4444;
  --magenta: #d946ef;  /* acento secundário (menos dominante) */

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

/* ============ TEMA CLARO (padrão) ============ */
:root,
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f5f9;
  --surface: #ffffff;
  --surface-2: #edeff6;
  --surface-3: #e3e6f1;
  --ink: #0c0d13;
  --muted: #62677a;
  --line: rgba(12, 13, 19, .11);
  --line-strong: rgba(12, 13, 19, .2);
  --header-bg: rgba(255, 255, 255, .86);
  --header-ink: #0c0d13;
  --hero-bg-1: #fafbfe;
  --hero-bg-2: #f0f2f9;
  --grid-line: rgba(12, 13, 19, .045);
  --tool-bg: rgba(255, 255, 255, .94);
  --tool-border: rgba(12, 13, 19, .08);
  --badge-ok-bg: rgba(16, 185, 129, .15);
  --badge-ok-ink: #07845f;
  --badge-warn-bg: rgba(245, 158, 11, .18);
  --badge-warn-ink: #a86600;
  --badge-danger-bg: rgba(239, 68, 68, .14);
  --badge-danger-ink: #d63b57;
  --glow: rgba(79, 70, 229, .26);
  --code-bg: #12141c;
  --code-ink: #e8eaf2;
}

/* ============ TEMA ESCURO ============ */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #08090f;
  --surface: #11131c;
  --surface-2: #1a1d29;
  --surface-3: #232737;
  --ink: #f4f5f9;
  --muted: #9ba1b8;
  --line: rgba(255, 255, 255, .11);
  --line-strong: rgba(255, 255, 255, .22);
  --header-bg: rgba(8, 9, 15, .9);
  --header-ink: #ffffff;
  --hero-bg-1: #0a0b12;
  --hero-bg-2: #0d0f18;
  --grid-line: rgba(255, 255, 255, .05);
  --tool-bg: rgba(17, 19, 28, .94);
  --tool-border: rgba(255, 255, 255, .09);
  --badge-ok-bg: rgba(16, 185, 129, .16);
  --badge-ok-ink: #34d399;
  --badge-warn-bg: rgba(245, 158, 11, .16);
  --badge-warn-ink: #fbbf24;
  --badge-danger-bg: rgba(239, 68, 68, .16);
  --badge-danger-ink: #f87171;
  --glow: rgba(79, 70, 229, .38);
  --code-bg: #0a0b12;
  --code-ink: #dcdff0;
}