:root {
  /* Colors - Base Backgrounds */
  --bg-primary: #0d0f14;
  --bg-secondary: #13161e;
  --bg-tertiary: #1a1e28;
  --bg-hover: rgba(79, 142, 247, 0.08);

  /* Colors - Borders */
  --border-subtle: #252a38;
  --border-strong: #2e3448;
  --border-focus: #4f8ef7;

  /* Colors - Text */
  --text-primary: #e2e6f0;
  --text-secondary: #8892a8;
  --text-muted: #525f7a;
  --text-inverse: #000000;

  /* Colors - Phases & Accent */
  --p1: #4f8ef7;
  --p2: #a78bfa;
  --p3: #34d399;
  --p4: #fb923c;
  --status-done: #22c55e;
  --status-warn: #f59e0b;
  --status-error: #ef4444;
  --accent: #4f8ef7;

  /* Typography */
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Spacing & Layout */
  --topbar-height: 52px;
  --sidebar-width: 240px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}