:root {
  /* Core Palette */
  --bg-base:       #080810;
  --bg-surface:    #0e0e1a;
  --bg-elevated:   #14142a;
  --bg-overlay:    #1a1a35;

  /* Glass */
  --glass-bg:      rgba(20, 20, 42, 0.7);
  --glass-border:  rgba(120, 100, 255, 0.12);
  --glass-blur:    12px;

  /* Accent */
  --accent:        #7c5cfc;
  --accent-soft:   rgba(124, 92, 252, 0.15);
  --accent-hover:  #8f72fd;
  --accent-glow:   rgba(124, 92, 252, 0.3);

  /* Status */
  --green:         #34d399;
  --green-soft:    rgba(52, 211, 153, 0.12);
  --orange:        #f59e0b;
  --orange-soft:   rgba(245, 158, 11, 0.12);
  --red:           #f87171;
  --red-soft:      rgba(248, 113, 113, 0.12);
  --blue:          #60a5fa;
  --blue-soft:     rgba(96, 165, 250, 0.12);
  --purple:        #a78bfa;
  --purple-soft:   rgba(167, 139, 250, 0.12);

  /* Text */
  --text-primary:  #f0effc;
  --text-secondary:#a09fc0;
  --text-muted:    #6a698a;
  --text-disabled: #3a3958;

  /* Borders */
  --border:        rgba(255, 255, 255, 0.06);
  --border-hover:  rgba(255, 255, 255, 0.12);

  /* Typography */
  --font-body:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:     'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace;

  /* Spacing */
  --radius-sm:     6px;
  --radius:        10px;
  --radius-lg:     16px;
  --radius-xl:     24px;

  /* Sidebar */
  --sidebar-width:     240px;
  --sidebar-collapsed: 64px;
  --topbar-height:     60px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --shadow:     0 4px 20px rgba(0,0,0,0.5);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.6);
  --shadow-glow:0 0 30px var(--accent-glow);

  /* Transitions */
  --t-fast:   0.12s ease;
  --t-base:   0.2s ease;
  --t-slow:   0.35s ease;

  /* Z-index layers */
  --z-base:    1;
  --z-overlay: 100;
  --z-modal:   200;
  --z-toast:   300;
  --z-loading: 400;
  
  -webkit-tap-highlight-color: transparent;
}