/* theme.css — v0.7 design tokens: dark charcoal + subtle dark-purple accents.
   Business/premium data-dashboard look. No game-look, no neon overkill. */
:root {
  /* backgrounds */
  --bg-app: #05060A;
  --bg-deep: #070812;
  --panel: #0B0E16;
  --panel-2: #111522;
  --panel-3: #161B2B;
  --panel-border: rgba(139, 92, 246, 0.18);
  --panel-border-strong: rgba(139, 92, 246, 0.30);
  --hairline: rgba(255, 255, 255, 0.06);

  /* purple system */
  --purple-primary: #7C3AED;
  --purple-muted: #4C1D95;
  --purple-soft: #A78BFA;
  --purple-glow: rgba(124, 58, 237, 0.35);

  /* text */
  --text-primary: #F5F7FA;
  --text-secondary: #A8B0C2;
  --text-muted: #6B7280;

  /* status */
  --success: #22C55E;
  --warning: #F59E0B;
  --danger: #EF4444;
  --info: #38BDF8;

  /* type */
  --font-ui: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  /* spacing scale */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px;

  /* radius */
  --r-sm: 6px; --r-md: 9px; --r-lg: 13px;

  /* shadow */
  --shadow-panel: 0 1px 0 rgba(255,255,255,0.03) inset, 0 8px 24px rgba(0,0,0,0.45);
  --shadow-glow: 0 0 0 1px var(--panel-border), 0 0 28px -8px var(--purple-glow);
}