/* CSS Variables */
:root {
  /* Colors */
  --primary: #1565c0;
  --primary-dark: #0d47a1;
  --primary-light: #1976d2;
  --secondary: #ff9800;
  --success: #4caf50;
  --warning: #ffc107;
  --danger: #f44336;

  /* Background Colors */
  --bg-main: #f4f6fb;
  --bg-card: #ffffff;
  --bg-sidebar: #f8fafc;
  --bg-hover: #f0f4f8;

  /* Text Colors */
  --text-main: #1f2933;
  --text-soft: #6b7280;
  --text-white: #ffffff;

  /* Border Colors */
  --border-light: #e6efff;
  --border-medium: #c5cae9;
  --border-dark: #bbdefb;

  /* Shadows */
  --shadow-sm: 0 6px 12px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 12px 25px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.12);

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* Z-Index */
  --z-sidebar: 10;
  --z-header: 20;
  --z-bottom-nav: 40;
  --z-modal: 100;

  /* Premium Sidebar & Theme Colors */
  --sidebar-bg: #090f5c;
  --sidebar-item-hover: #3A9AFF;
  --sidebar-item-active: #FFC50F;
  --sidebar-accent: #FFC50F;
  --sidebar-text: #ffffff;
  --sidebar-text-muted: rgba(255, 255, 255, 0.7);
  --sidebar-glass: rgba(9, 15, 92, 0.95);
}