/* Theme Variables CSS */
:root {
  --bs-primary: #763EBD;
  --bs-secondary: #6c757d;
  --bs-success: #28a745;
  --bs-info: #17a2b8;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #343a40;
  
  --primary-50: #f8f5ff;
  --primary-100: #f0ebff;
  --primary-200: #e1d5ff;
  --primary-300: #c9b3ff;
  --primary-400: #a885ff;
  --primary-500: #763EBD;
  --primary-600: #6a36a8;
  --primary-700: #5a2e8f;
  --primary-800: #4c2676;
  --primary-900: #3f2061;
  
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 70px;
  --header-height: 60px;
  
  --border-radius: 0.375rem;
  --border-radius-sm: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  
  --box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

/* Dark theme variables */
[data-theme="dark"] {
  --bs-body-bg: #1a1a1a;
  --bs-body-color: #ffffff;
  --bs-border-color: #404040;
  --bs-card-bg: #2d2d2d;
  --bs-sidebar-bg: #1f1f1f;
  --bs-navbar-bg: #2d2d2d;
}