/*static\css\themes\blue_suite.css*/
/* ========================================
    CSS VARIABLES
   ======================================== */
:root {
  /* ===== LIGHT THEME ===== */
  --primary-color: #2563eb;
  --secondary-color: #3b82f6;
  --background-color: #ffffff;
  --icon-secondary-color: #2563eb;
  --icon-primary-color: #ffffff;
  --text-color-red: #f50713;
  --danger: #f80713ff;
  --sidebar-bg: #ffffff;
  --border-color: #e2e8f0;
  --white: #fff;
  --hover-background: rgba(37, 99, 235, 0.08);
  --coin-color: #ffd700;
  --bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --bg-secondary: #f8fafc;
  --bg-card: rgba(255, 255, 255, 0.98);
  --text-primary: #2563eb;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --accent: #6366f1;
  --accent-hover: #4f46e5;
  --border: rgba(99, 102, 241, 0.1);
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --success-bg: rgba(34, 197, 94, 0.1);
  --success-border: #10b981;
  --font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-size-base: 16px;

  /* Form Styles */
  --form-bg: #ffffff;
  --form-card-bg: rgba(255, 255, 255, 0.98);
  --form-input-bg: #ffffff;
  --form-input-border: #e2e8f0;
  --form-input-focus-border: #6366f1;
  --form-input-focus-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
  --form-text: #1e293b;
  --form-label: #374151;
  --form-placeholder: #9ca3af;
  --form-error: #ef4444;
  --form-error-bg: rgba(239, 68, 68, 0.05);

  /* CBT Specific Colors */
  --exam-active: #10b981;
  --exam-upcoming: #f59e0b;
  --exam-completed: #6b7280;
  --exam-error: #ef4444;
  --score-excellent: #10b981;
  --score-good: #22c55e;
  --score-average: #eab308;
  --score-poor: #f97316;
  --score-fail: #ef4444;
  --tenant-primary: #2563eb;
  --tenant-secondary: #1d4ed8;
  --focus-ring: rgba(37, 99, 235, 0.5);
  --disabled-bg: #f1f5f9;
  --disabled-text: #94a3b8;

   
    /* Status & Category Colors */
    --category-staff: var(--primary-color);        /* Staff Management */
    --category-students: #10B981;                  /* Students - Green */
    --category-exams: #8B5CF6;                     /* Exams - Purple */
    --category-analytics: #F59E0B;                 /* Analytics - Amber */
    --category-resources: #EC4899;                 /* Resources - Pink */
    --category-announcements: #06B6D4;             /* Announcements - Cyan */
    --category-audit: #6B7280;                     /* Audit - Gray */
    --category-integrations: #22C55E;              /* Integrations - Emerald */
    --category-settings: var(--text-muted);        /* Settings */
    
    /* Data Visualization Colors */
    --chart-primary: var(--primary-color);
    --chart-secondary: var(--secondary-color);
    --chart-success: #10B981;
    --chart-warning: #F59E0B;
    --chart-error: #EF4444;
    --chart-info: #06B6D4;
    
    /* Card & UI Variants */
    --card-hover: rgba(37, 99, 235, 0.05);
    --card-active: rgba(37, 99, 235, 0.1);
    --card-border-hover: var(--accent);
    
    /* Text & Background Variations */
    --text-success: #059669;
    --text-warning: #D97706;
    --text-error: #DC2626;
    --text-info: #0891B2;
    
    /* Gradient Variations */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--accent));
    --gradient-success: linear-gradient(135deg, #10B981, #059669);
    --gradient-warning: linear-gradient(135deg, #F59E0B, #D97706);
    
    /* Shadow Variations */
    --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    
    /* State Colors */
    --state-online: #10B981;
    --state-offline: #6B7280;
    --state-busy: #EF4444;
    --state-away: #F59E0B;
    
    /* Priority Colors */
    --priority-high: #EF4444;
    --priority-medium: #F59E0B;
    --priority-low: #10B981;
    --priority-normal: var(--primary-color);

    /* Status & System Colors */
    --status-online: var(--state-online);
    --status-warning: var(--state-away);
    --status-offline: var(--state-busy);
    --status-active: var(--primary-color);
    
    /* Card & UI Colors */
    --card-bg: var(--bg-card);
    --card-hover-bg: var(--card-hover);
    --card-border: var(--border-color);
    
    /* Activity & Notification Colors */
    --activity-bg: rgba(37, 99, 235, 0.1);
    --activity-hover: rgba(37, 99, 235, 0.05);
    
    /* Chart Colors */
    --chart-bar-primary: var(--gradient-primary);
    --chart-bar-secondary: linear-gradient(to top, var(--primary-color), var(--secondary-color));


    

    /* Layout */
    --navbar-height: 60px;
    --sidebar-width: 250px;
    --sidebar-collapsed-width: 60px;
    /*--sidebar-width: 220px;*/
    /* Spacing */
    --spacing-sm: 0.4rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    
    /* Transitions */
    --transition-fast: 0.2s;
    --transition-normal: 0.5s;

      /* analytics light */
  --analytics-correct: #10b981;
  --analytics-wrong: #ef4444;
  --analytics-skipped: #6b7280;
  --analytics-excellent: #059669;
  --analytics-good: #10b981;
  --analytics-fair: #f59e0b;
  --analytics-weak: #ef4444;
  --analytics-chart-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --analytics-chart-gradient-2: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --analytics-chart-gradient-3: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);

  /* Profile & Stats Colors */
  --stat-red-bg: #fdf2f2;
  --stat-red-border: #fee2e2;
  --stat-red-text: #991b1b;

  --stat-blue-bg: #f0f9ff;
  --stat-blue-border: #e0f2fe;
  --stat-blue-text: #075985;

  --stat-green-bg: #f0fdf4;
  --stat-green-border: #dcfce7;
  --stat-green-text: #166534;

  --badge-pink-bg: #fdf2f8;
  --badge-pink-text: #be185d;
  
  --badge-blue-bg: #eff6ff;
  --badge-blue-border: #bfdbfe;
  --badge-blue-text: #1d4ed8;


  /* ===== legend THEME exam mood color fixed only light ===== */
  


}

/* ===== DARK THEME ===== */
[data-theme="dark"] {
  --primary-color: #3b82f6;
  --secondary-color: #60a5fa;
  --background-color: #0f172a;
  --icon-secondary-color: #3b82f6;
  --icon-primary-color: #f1f5f9;
  --text-color-red: #f87171;
  --danger: #ef4444;
  --sidebar-bg: #1e293b;
  --border-color: #334155;
  --white: #0f172a;
  --hover-background: rgba(59, 130, 246, 0.15);
  --coin-color: #fbbf24;
  --bg-primary: linear-gradient(135deg, #4c51bf 0%, #7c3aed 100%);
  --bg-secondary: #1e293b;
  --bg-card: rgba(30, 41, 59, 0.95);
  --text-primary: #60a5fa;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --accent: #818cf8;
  --accent-hover: #6366f1;
  --border: rgba(96, 165, 250, 0.2);
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
  --success-bg: rgba(34, 197, 94, 0.2);
  --success-border: #22c55e;

  /* Form Styles - Dark */
  --form-bg: #1e293b;
  --form-card-bg: rgba(30, 41, 59, 0.95);
  --form-input-bg: #334155;
  --form-input-border: #475569;
  --form-input-focus-border: #60a5fa;
  --form-input-focus-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
  --form-text: #f1f5f9;
  --form-label: #e2e8f0;
  --form-placeholder: #64748b;
  --form-error: #f87171;
  --form-error-bg: rgba(248, 113, 113, 0.1);

  /* CBT Specific Colors - Dark */
  --exam-active: #22c55e;
  --exam-upcoming: #f59e0b;
  --exam-completed: #94a3b8;
  --exam-error: #f87171;
  --score-excellent: #22c55e;
  --score-good: #4ade80;
  --score-average: #facc15;
  --score-poor: #fb923c;
  --score-fail: #f87171;
  --tenant-primary: #3b82f6;
  --tenant-secondary: #60a5fa;
  --focus-ring: rgba(96, 165, 250, 0.4);
  --disabled-bg: #334155;
  --disabled-text: #64748b;

  /* Status & Category Colors */
  --category-students: #34D399;
    --category-exams: #A78BFA;
    --category-analytics: #FBBF24;
    --category-resources: #F472B6;
    --category-announcements: #22D3EE;
    --category-integrations: #4ADE80;
    
    --text-success: #34D399;
    --text-warning: #FBBF24;
    --text-error: #F87171;
    --text-info: #22D3EE;
    
    --card-hover: rgba(37, 99, 235, 0.1);
    --card-active: rgba(37, 99, 235, 0.15);
    
    --state-online: #34D399;
    --state-busy: #F87171;
    --state-away: #FBBF24;



    /* Status & System Colors - Dark */
    --status-online: var(--state-online);
    --status-warning: var(--state-away);
    --status-offline: var(--state-busy);
    --status-active: var(--primary-color);
    
    /* Card & UI Colors - Dark */
    --card-bg: var(--bg-card);
    --card-hover-bg: var(--card-hover);
    --card-border: var(--border-color);
    
    /* Activity & Notification Colors - Dark */
    --activity-bg: rgba(96, 165, 250, 0.15);
    --activity-hover: rgba(96, 165, 250, 0.08);
    
    /* analytics Chart Colors - Dark */
    --chart-bar-primary: var(--gradient-primary);
    --chart-bar-secondary: linear-gradient(to top, var(--primary-color), var(--secondary-color));
    --analytics-correct: #34d399;
    --analytics-wrong: #f87171;
    --analytics-skipped: #94a3b8;
    --analytics-excellent: #34d399;
    --analytics-good: #4ade80;
    --analytics-fair: #fbbf24;
    --analytics-weak: #f87171;
    --analytics-chart-gradient-1: linear-gradient(135deg, #4c51bf 0%, #7c3aed 100%);
    --analytics-chart-gradient-2: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    --analytics-chart-gradient-3: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);

    /* Profile & Stats Colors - Dark */
    --stat-red-bg: rgba(153, 27, 27, 0.1);
    --stat-red-border: rgba(153, 27, 27, 0.2);
    --stat-red-text: #fca5a5;

    --stat-blue-bg: rgba(7, 89, 133, 0.1);
    --stat-blue-border: rgba(7, 89, 133, 0.2);
    --stat-blue-text: #7dd3fc;

    --stat-green-bg: rgba(22, 101, 52, 0.1);
    --stat-green-border: rgba(22, 101, 52, 0.2);
    --stat-green-text: #86efac;

    --badge-pink-bg: rgba(190, 24, 93, 0.1);
    --badge-pink-text: #f9a8d4;

    --badge-blue-bg: rgba(29, 78, 216, 0.1);
    --badge-blue-border: rgba(29, 78, 216, 0.2);
    --badge-blue-text: #93c5fd;
}