:root {
  /* Premium Brand Colors (Indigo / Violet blend) */
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --primary-light: #e0e7ff;
  --primary-glow: rgba(79, 70, 229, 0.25);
  
  --secondary: #0ea5e9;
  --secondary-hover: #0284c7;
  --secondary-light: #e0f2fe;

  --accent: #f59e0b;
  --accent-light: #fef3c7;

  --success: #10b981;
  --success-hover: #059669;
  --success-light: #d1fae5;

  --warning: #f59e0b;
  --warning-light: #fef3c7;

  --danger: #ef4444;
  --danger-hover: #dc2626;
  --danger-light: #fee2e2;

  --info: #06b6d4;
  --info-light: #cffafe;

  /* Neutrals (Light Theme Default) - Glassmorphism Ready */
  --bg-app: #f4f7f9;
  --bg-surface: rgba(255, 255, 255, 0.85);
  --bg-surface-elevated: #ffffff;
  --bg-sidebar: #ffffff;
  --bg-header: rgba(255, 255, 255, 0.75);
  --bg-muted: #f1f5f9;
  --bg-surface-hover: rgba(241, 245, 249, 0.8);
  --bg-input: #ffffff;

  --border-color: rgba(226, 232, 240, 0.8);
  --border-light: #f1f5f9;
  --border-focus: #4f46e5;

  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  --text-inverse: #ffffff;
  --text-sidebar: #475569;
  --text-sidebar-active: #4f46e5;

  /* Typography */
  --font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Layout Dimensions */
  --sidebar-width: 270px;
  --sidebar-collapsed-width: 80px;
  --header-height: 70px;
  --bottom-nav-height: 65px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Premium Shadows */
  --shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, 0.08), 0 4px 8px -4px rgba(15, 23, 42, 0.04);
  --shadow-xl: 0 24px 48px -12px rgba(15, 23, 42, 0.12), 0 12px 24px -8px rgba(15, 23, 42, 0.06);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.03);

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-indexes */
  --z-header: 40;
  --z-sidebar: 50;
  --z-modal: 100;
  --z-toast: 110;
}

/* Deep Sleek Dark Mode Tokens */
[data-theme="dark"] {
  --bg-app: #0b0f19;
  --bg-surface: rgba(15, 23, 42, 0.75);
  --bg-surface-elevated: #1e293b;
  --bg-sidebar: #0f172a;
  --bg-header: rgba(15, 23, 42, 0.65);
  --bg-muted: rgba(30, 41, 59, 0.7);
  --bg-input: #1e293b;

  --border-color: rgba(51, 65, 85, 0.6);
  --border-light: #334155;

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --text-inverse: #ffffff;
  --text-sidebar: #94a3b8;
  --text-sidebar-active: #818cf8;

  --bg-surface-hover: rgba(30, 41, 59, 0.9);
  --primary-light: rgba(79, 70, 229, 0.2);
  --success-light: rgba(16, 185, 129, 0.15);
  --warning-light: rgba(245, 158, 11, 0.15);
  --danger-light: rgba(239, 68, 68, 0.15);
  --info-light: rgba(6, 182, 212, 0.15);

  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, 0.6);
}