:root {
  --bg-base: #0a0e1a;
  --bg-surface: #0f1628;
  --bg-surface-2: #141c30;
  --bg-surface-3: #1a2340;
  --bg-overlay: rgba(10, 14, 26, 0.88);

  --border: #1e2a42;
  --border-strong: #2c3e5c;
  --border-focus: #4f8ef7;

  --text-primary: #e8edf8;
  --text-secondary: #8898b0;
  --text-tertiary: #4a5a7a;
  --text-inverse: #0a0e1a;
  --text-link: #4f8ef7;

  --accent: #4f8ef7;
  --accent-soft: rgba(79, 142, 247, 0.14);
  --accent-hover: #6fa3f9;
  --accent-active: #3a7bf5;

  --success: #4ade80;
  --success-soft: rgba(74, 222, 128, 0.14);
  --warning: #fb923c;
  --warning-soft: rgba(251, 146, 60, 0.14);
  --danger: #f87171;
  --danger-soft: rgba(248, 113, 113, 0.14);
  --info: #60a5fa;
  --info-soft: rgba(96, 165, 250, 0.14);

  --sidebar-bg: #080c18;
  --sidebar-item-hover: rgba(79, 142, 247, 0.08);
  --sidebar-item-active: rgba(79, 142, 247, 0.16);
  --sidebar-text: #8898b0;

  --topbar-bg: #0a0e1a;
  --topbar-border: #1e2a42;

  --statusbar-bg: #08111f;
  --statusbar-text: #4a6080;

  --editor-bg: #0f1628;
  --editor-text: #e8edf8;
  --editor-selection: rgba(79, 142, 247, 0.25);
  --editor-gutter: #141c30;
  --editor-line-highlight: rgba(79, 142, 247, 0.05);

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.7);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  --font-ui: 'Geist', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}