/* ============================================
   ENLITE PRIME - Theme Variables
   Pixel-perfect match to original design
   ============================================ */

:root {
  /* Primary Colors - Indigo like original */
  --ep-primary: #5C6BC0;
  --ep-primary-dark: #3F51B5;
  --ep-primary-light: #7986CB;
  --ep-primary-lighter: rgba(92, 107, 192, 0.08);
  --ep-secondary: #f50057;
  --ep-secondary-dark: #c51162;
  --ep-secondary-light: #ff4081;

  /* Accent - Green (used for LOG IN button, status dots) */
  --ep-accent: #4CAF50;

  /* Status Colors */
  --ep-success: #4caf50;
  --ep-warning: #ff9800;
  --ep-danger: #f44336;
  --ep-info: #00bcd4;

  /* Sidebar - Clean white */
  --ep-sidebar-bg: #ffffff;
  --ep-sidebar-text: #616161;
  --ep-sidebar-active: #5C6BC0;
  --ep-sidebar-hover-bg: rgba(92, 107, 192, 0.06);
  --ep-sidebar-width-mini: 80px;
  --ep-sidebar-width-sub: 220px;
  --ep-sidebar-category: #5C6BC0;
  --ep-sidebar-border: #eeeeee;

  /* Header - Clean white */
  --ep-header-bg: #ffffff;
  --ep-header-text: #424242;
  --ep-header-height: 56px;

  /* Content */
  --ep-content-bg: #fafafa;
  --ep-card-bg: #ffffff;
  --ep-card-border: transparent;
  --ep-card-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);

  /* Text */
  --ep-text-primary: #212121;
  --ep-text-secondary: #757575;
  --ep-text-disabled: #bdbdbd;

  /* Dividers */
  --ep-divider: #eeeeee;

  /* Font */
  --ep-font-family: 'Open Sans', 'Roboto', sans-serif;

  /* Transitions */
  --ep-transition-speed: 0.3s;

  /* Border Radius - more rounded like original */
  --ep-radius: 12px;
  --ep-radius-sm: 6px;
  --ep-radius-lg: 16px;
}

/* ============================================
   DARK MODE
   ============================================ */
[data-theme="dark"] {
  --ep-primary: #7986CB;
  --ep-primary-dark: #5C6BC0;
  --ep-primary-light: #9FA8DA;
  --ep-primary-lighter: rgba(121, 134, 203, 0.12);

  --ep-sidebar-bg: #1e1e2d;
  --ep-sidebar-text: #8899a6;
  --ep-sidebar-active: #9FA8DA;
  --ep-sidebar-hover-bg: rgba(255, 255, 255, 0.04);
  --ep-sidebar-category: #9FA8DA;
  --ep-sidebar-border: #2d2d3f;

  --ep-header-bg: #1e1e2d;
  --ep-header-text: #e0e0e0;

  --ep-content-bg: #151521;
  --ep-card-bg: #1e1e2d;
  --ep-card-border: transparent;
  --ep-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

  --ep-text-primary: #e0e0e0;
  --ep-text-secondary: #9e9e9e;
  --ep-text-disabled: #616161;

  --ep-divider: #2d2d3f;
}