:root {
  --color-bg: #07090f;
  --color-bg-deep: #05070d;
  --color-surface: #0c1120;
  --color-surface-strong: #0d0f1e;
  --color-card: rgba(255,255,255,.04);
  --color-text: #f1f5f9;
  --color-text-soft: #b4bcd0;
  --color-muted: #64748b;

  --color-primary: #6366f1;
  --color-cyan: #06b6d4;
  --color-green: #22c55e;
  --color-amber: #f59e0b;
  --color-rose: #f43f5e;
  --color-red: #ef4444;

  --border-subtle: rgba(255,255,255,.08);
  --border-medium: rgba(255,255,255,.14);
  --border-bright: rgba(255,255,255,.2);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  --shadow-card: 0 24px 64px rgba(0,0,0,.4);
  --shadow-glow-primary: 0 0 24px rgba(99,102,241,.32);
  --shadow-glow-red: 0 0 22px rgba(239,68,68,.34);

  --font-sans: 'DM Sans', Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Syne', Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;

  --bg: var(--color-bg);
  --surface: var(--color-surface);
  --card: var(--color-card);
  --border: var(--border-subtle);
  --border-2: var(--border-medium);
  --primary: var(--color-primary);
  --p-glow: rgba(99,102,241,.3);
  --green: var(--color-green);
  --g-glow: rgba(34,197,94,.28);
  --cyan: var(--color-cyan);
  --amber: var(--color-amber);
  --rose: var(--color-rose);
  --text: var(--color-text);
  --muted: var(--color-muted);
  --dim: #94a3b8;
  --mono: var(--font-mono);
  --sans: var(--font-sans);
  --display: var(--font-display);
}