:root {
  /* Core Backgrounds */
  --bg-app: #07090e;
  --bg-surface: #0e121a;
  --bg-surface-elevated: #151a24;
  --bg-surface-hover: #1c2230;
  --bg-surface-active: #242c3d;
  --bg-glass: rgba(14, 18, 26, 0.75);
  --bg-glass-card: rgba(21, 26, 36, 0.65);
  --bg-input: #0b0e14;

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.12);
  --border-focus: rgba(141, 110, 175, 0.6);
  --border-active: #8d6eaf;

  /* Typography Colors */
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-tertiary: #64748b;
  --text-muted: #475569;
  --text-accent: #b49bc9;

  /* Accent & Brand Colors */
  --accent-purple: #8d6eaf;
  --accent-purple-hover: #9f80c2;
  --accent-purple-glow: rgba(141, 110, 175, 0.25);
  
  --accent-blue: #38bdf8;
  --accent-blue-hover: #60a5fa;
  --accent-blue-glow: rgba(56, 189, 248, 0.2);

  --accent-emerald: #10b981;
  --accent-amber: #f59e0b;
  --accent-rose: #f43f5e;

  /* Fonts */
  --font-heading: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", monospace;

  /* Shadows & Elevation */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 30px rgba(141, 110, 175, 0.15);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout Heights & Widths */
  --header-height: 56px;
  --footer-height: 40px;
  --sidebar-left-width: 320px;
  --sidebar-right-width: 340px;
}