/*
 * Tokens do Design System H3 — tema dark (DESIGN.md §3, ADR-002).
 * Única fonte de cores, fontes, espaçamentos e medidas.
 * Não usar valores hexadecimais nem medidas soltas fora deste arquivo.
 */
:root {
  color-scheme: dark;

  /* Cores institucionais (oficiais) */
  --h3-brand: #1468FF;
  --h3-navy: #0A1D36;
  --h3-cyan: #00D9FF;
  --h3-graphite: #1D2230;
  --h3-yellow: #FFC107;
  --h3-orange: #FF5722;

  /* Superfícies do tema dark */
  --bg-app: #07111F;
  --bg-sidebar: #08182B;
  --bg-header: #0A1D36;
  --bg-surface: #101E30;
  --bg-surface-raised: #15263B;
  --bg-hover: #1B3049;
  --bg-active: rgba(20, 104, 255, .16);
  --bg-overlay: rgba(3, 8, 15, .64);
  --border-subtle: #263B53;
  --border-strong: #35506E;

  /* Texto */
  --text-primary: #F5F8FC;
  --text-secondary: #B7C4D3;
  --text-muted: #8293A8;
  --text-on-brand: #FFFFFF;

  /* Estados (DESIGN.md §2 — somente para estados) */
  --status-success: #16A34A;
  --status-warning: #F59E0B;
  --status-error: #DC2626;
  --status-info: #2563EB;
  --status-neutral: #64748B;

  /* Tipografia (DESIGN.md §4) */
  --font-family: "Sora", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, Consolas, "Courier New", monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 26px;
  --text-kpi: 28px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --leading: 1.5;

  /* Espaçamento (múltiplos de 4) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* Forma e profundidade */
  --radius-card: 12px;
  --radius-control: 8px;
  --radius-pill: 999px;
  --shadow-panel: 0 8px 28px rgba(0, 0, 0, .20);
  --shadow-popover: 0 12px 32px rgba(0, 0, 0, .40);
  --focus-ring: 0 0 0 2px var(--bg-app), 0 0 0 4px var(--h3-cyan);

  /* Layout (DESIGN.md §5) */
  --sidebar-width: 256px;
  --sidebar-collapsed-width: 72px;
  --topbar-height: 68px;
  --content-padding: 24px;
  --grid-gap: 20px;
  --content-max-width: 1600px;

  /* Camadas e movimento */
  --z-sidebar: 30;
  --z-topbar: 20;
  --z-overlay: 40;
  --z-drawer: 50;
  --z-popover: 60;
  --transition-fast: 120ms ease;
  --transition: 200ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition: 0ms;
  }
}