:root {
  --font-sans: "Inter", system-ui, sans-serif;
  --bg: #0b0b0b;
  --surface: #111111;
  --border: rgba(255, 255, 255, 0.08);
  --text-primary: #f5f5f5;
  --text-secondary: #a1a1aa;
  --accent: #7c3aed;
  --accent-hover: #8b5cf6;
  --success: #22c55e;
  --error: #ef4444;
  --checker-light: #d4d4d4;
  --checker-dark: #c2c2c2;
  --radius-input: 10px;
  --radius-card: 12px;
  --radius-pill: 999px;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --max-content: 1120px;
  --header-h: 64px;
  --transition: 150ms ease;
  --focus-ring: 0 0 0 1px var(--accent), 0 0 0 4px rgba(124, 58, 237, 0.22);
  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-surface-elevated: var(--surface);
  --color-text: var(--text-primary);
  --color-text-muted: var(--text-secondary);
  --color-border: var(--border);
  --color-accent: var(--accent);
  --color-accent-hover: var(--accent-hover);
  --color-accent-subtle: rgba(124, 58, 237, 0.14);
  --color-success: var(--success);
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --shadow-sm: none;
  --shadow-md: none;
}