:root {
  /* VS Code Dark Modern Professional Palette */
  --bg-darkest: #181818;
  --bg-dark: #1e1e1e;
  --bg-card: #252526;
  --bg-card-hover: #2d2d2d;
  --bg-glass: #1e1e1e;
  --bg-panel: #1e1e1e;
  --bg-header: #252526;
  --bg-input: #3c3c3c;

  --border-subtle: #2d2d2d;
  --border-glow: #3c3c3c;
  --border-active: #007acc;

  --accent-cyan: #3794ff;
  --accent-cyan-glow: rgba(55, 148, 255, 0.15);
  --accent-emerald: #89d185;
  --accent-emerald-glow: rgba(137, 209, 133, 0.15);
  --accent-crimson: #f14c4c;
  --accent-crimson-glow: rgba(241, 76, 76, 0.15);
  --accent-purple: #c586c0;
  --accent-purple-glow: rgba(197, 134, 192, 0.15);
  --accent-gold: #dcdcaa;
  --accent-gold-glow: rgba(220, 220, 170, 0.15);
  --accent-blue: #007acc;

  --text-primary: #d4d4d4;
  --text-secondary: #cccccc;
  --text-muted: #858585;

  /* Typography */
  --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-sans: var(--font-body);
  --font-code: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-mono: var(--font-code);

  /* Clean Typography Scale */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 26px;

  /* Line Heights */
  --leading-tight: 1.25;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-relaxed: 1.6;

  /* Letter Spacing */
  --tracking-tight: -0.01em;
  --tracking-normal: 0em;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.04em;
  --tracking-widest: 0.06em;

  /* Shadows & Radius */
  --shadow-card: none;
  --shadow-neon: none;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
}