/* Design tokens — Inventon financial command center (dark). */
:root {
  /* Surfaces */
  --bg: #0b1220;
  --surface: #0f172a;
  --panel: #1e293b;
  --panel-2: #162032;
  --border: #334155;

  /* Text */
  --text: #e2e8f0;
  --muted: #94a3b8;
  --faint: #64748b;

  /* Accents / semantics */
  --accent: #38bdf8;
  --accent-dim: #0ea5e9;
  --pos: #22c55e;
  --neg: #ef4444;
  --warn: #f59e0b;

  /* Tints (for badge/tile backgrounds) */
  --accent-bg: rgba(56, 189, 248, 0.12);
  --pos-bg: rgba(34, 197, 94, 0.12);
  --neg-bg: rgba(239, 68, 68, 0.12);
  --warn-bg: rgba(245, 158, 11, 0.12);

  /* Typography */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "SF Mono", ui-monospace, "Roboto Mono", "Menlo", monospace;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  /* Radius */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.45);

  /* Layout */
  --sidebar-w: 232px;
  --topbar-h: 60px;

  /* Z-index */
  --z-topbar: 20;
  --z-sidebar: 30;
  --z-toast: 100;
  --z-overlay: 200;
}