/* ========================================
   AVAILABLE COLOR THEMES

   Uncomment one of the theme blocks below to switch themes.
   Each theme includes primary, secondary, status colors, and backgrounds.

   Available Themes:
   1. Professional Blue - Clean, modern, accessible
   2. Royal Purple (ACTIVE) - Elegant, creative vibe
   3. Deep Teal - Calm, focused, easy on eyes
   4. Navy Professional - Corporate, formal
   5. Vibrant Indigo - Modern, dynamic, tech-forward
   6. Emerald Green - Natural, growth-focused
   7. Slate Gray - Minimalist, professional
   8. Sunset Orange - Warm, welcoming, community-focused

   ======================================== */

:root {
    /* ========================================
       THEME 1: PROFESSIONAL BLUE & SLATE
       Clean, modern, accessible - Best for educational institutions
       ======================================== */

    --primary-color: #2563EB;        /* Blue-600 - Trust & professionalism */
    --primary-dark: #1E40AF;         /* Blue-800 - Authority */
    --primary-light: #DBEAFE;        /* Blue-100 - Soft backgrounds */
    --primary-gradient-start: #2563EB;
    --primary-gradient-end: #1E40AF;

    --secondary-color: #64748B;      /* Slate-500 - Neutral accent */

    /* Backgrounds */
    --dark-bg: #1F2937;              /* Gray-900 for contrast */
    --sidebar-bg: #1E40AF;           /* Blue-800 sidebar */
    --light-bg: #F8FAFC;             /* Slate-50 page background */
    --card-bg: #FFFFFF;

    /* Text */
    --text-dark: #1E293B;            /* Slate-900 text - excellent contrast */
    --text-light: #F9FAFB;
    --text-muted: #6B7280;           /* Gray-500 for muted text */
    --sidebar-text: #FFFFFF;         /* Bright white for sidebar menu */

    /* Borders */
    --border-color: #E2E8F0;

    /* Status Colors - Balanced & Accessible */
    --success: #10B981;              /* Green - success states */
    --danger: #EF4444;               /* Red - clear alerts */
    --warning: #F59E0B;              /* Amber - caution */
    --info: #06B6D4;                 /* Cyan - info accent */

    /* Gradients */
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));

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

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-xl: 14px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);

    /* Font Sizes */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.85rem;
    --font-size-base: 0.95rem;
    --font-size-lg: 1.05rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.6rem;

    /* Z-Index */
    --z-navbar: 1030;
    --z-sidebar: 1020;
    --z-content: 1;
}

/* ========================================
   ALTERNATIVE THEMES (UNCOMMENT TO USE)
   ======================================== */

/*
   THEME 6: EMERALD GREEN
   Natural & Growth-Focused - Best for environmental/sustainability focus

:root {
    --primary-color: #059669;
    --primary-dark: #047857;
    --primary-light: #D1FAE5;
    --primary-gradient-start: #059669;
    --primary-gradient-end: #047857;
    --secondary-color: #10B981;
    --dark-bg: #1F2937;
    --sidebar-bg: #047857;           /* Sidebar themed background */
    --light-bg: #F0FDF4;
    --card-bg: #FFFFFF;
    --text-dark: #111827;
    --text-light: #F9FAFB;
    --text-muted: #6B7280;
    --border-color: #E5E7EB;
    --success: #059669;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #0891B2;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
*/

/*
   THEME 1: PROFESSIONAL BLUE
   Clean, modern, accessible - Best for professional institutions

:root {
    --primary-color: #2563EB;
    --primary-dark: #1E40AF;
    --primary-light: #DBEAFE;
    --primary-gradient-start: #2563EB;
    --primary-gradient-end: #1E40AF;
    --secondary-color: #0EA5E9;
    --dark-bg: #1F2937;
    --sidebar-bg: #1E40AF;           /* Sidebar themed background */
    --light-bg: #F9FAFB;
    --card-bg: #FFFFFF;
    --text-dark: #111827;
    --text-light: #F9FAFB;
    --text-muted: #6B7280;
    --border-color: #E5E7EB;
    --success: #22C55E;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #3B82F6;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
    --primary-color: #7C3AED;
    --primary-dark: #6D28D9;
    --primary-light: #EDE9FE;
    --primary-gradient-start: #7C3AED;
    --primary-gradient-end: #6D28D9;
    --secondary-color: #A78BFA;
    --dark-bg: #1F2937;
    --sidebar-bg: #6D28D9;           /* Sidebar themed background */
    --light-bg: #F8F5FC;
    --card-bg: #FFFFFF;
    --text-dark: #111827;
    --text-light: #F9FAFB;
    --text-muted: #6B7280;
    --border-color: #E5E7EB;
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #8B5CF6;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
*/

/*
   THEME 3: DEEP TEAL
   Calm & Focused - Best for healthcare/wellness-focused schools

:root {
    --primary-color: #0D9488;
    --primary-dark: #0F766E;
    --primary-light: #CCFBF1;
    --primary-gradient-start: #0D9488;
    --primary-gradient-end: #0F766E;
    --secondary-color: #14B8A6;
    --dark-bg: #1F2937;
    --sidebar-bg: #0F766E;           /* Sidebar themed background */
    --light-bg: #F0FDFA;
    --card-bg: #FFFFFF;
    --text-dark: #111827;
    --text-light: #F9FAFB;
    --text-muted: #6B7280;
    --border-color: #E5E7EB;
    --success: #059669;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #06B6D4;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
*/

/*
   THEME 4: NAVY PROFESSIONAL
   Corporate & Serious - Best for formal institutions

:root {
    --primary-color: #1E3A8A;
    --primary-dark: #1E40AF;
    --primary-light: #DBEAFE;
    --primary-gradient-start: #1E3A8A;
    --primary-gradient-end: #1E40AF;
    --secondary-color: #3B82F6;
    --dark-bg: #0F172A;
    --sidebar-bg: #1E40AF;           /* Sidebar themed background */
    --light-bg: #F8FAFC;
    --card-bg: #FFFFFF;
    --text-dark: #0F172A;
    --text-light: #F8FAFC;
    --text-muted: #64748B;
    --border-color: #E2E8F0;
    --success: #059669;
    --danger: #DC2626;
    --warning: #D97706;
    --info: #0284C7;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
*/

/*
   THEME 5: VIBRANT INDIGO
   Modern & Dynamic - Best for tech-forward schools

:root {
    --primary-color: #4F46E5;
    --primary-dark: #4338CA;
    --primary-light: #E0E7FF;
    --primary-gradient-start: #4F46E5;
    --primary-gradient-end: #4338CA;
    --secondary-color: #6366F1;
    --dark-bg: #1F2937;
    --sidebar-bg: #4338CA;           /* Sidebar themed background */
    --light-bg: #F5F3FF;
    --card-bg: #FFFFFF;
    --text-dark: #111827;
    --text-light: #F9FAFB;
    --text-muted: #6B7280;
    --border-color: #E5E7EB;
    --success: #16A34A;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #6366F1;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
*/

/*
   THEME 6: EMERALD GREEN
   Natural & Growth-Focused - Best for environmental/sustainability focus

:root {
    --primary-color: #059669;
    --primary-dark: #047857;
    --primary-light: #D1FAE5;
    --primary-gradient-start: #059669;
    --primary-gradient-end: #047857;
    --secondary-color: #10B981;
    --dark-bg: #1F2937;
    --sidebar-bg: #047857;           /* Sidebar themed background */
    --light-bg: #F0FDF4;
    --card-bg: #FFFFFF;
    --text-dark: #111827;
    --text-light: #F9FAFB;
    --text-muted: #6B7280;
    --border-color: #E5E7EB;
    --success: #059669;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #0891B2;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
*/

/*
   THEME 7: SLATE GRAY
   Minimalist & Professional - Best for government schools

:root {
    --primary-color: #64748B;
    --primary-dark: #475569;
    --primary-light: #E2E8F0;
    --primary-gradient-start: #64748B;
    --primary-gradient-end: #475569;
    --secondary-color: #94A3B8;
    --dark-bg: #1E293B;
    --sidebar-bg: #475569;           /* Sidebar themed background */
    --light-bg: #F8FAFC;
    --card-bg: #FFFFFF;
    --text-dark: #0F172A;
    --text-light: #F8FAFC;
    --text-muted: #64748B;
    --border-color: #CBD5E1;
    --success: #22C55E;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #0284C7;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
*/

/*
   THEME 8: SUNSET ORANGE
   Warm & Welcoming - Best for community-focused schools

:root {
    --primary-color: #EA580C;
    --primary-dark: #C2410C;
    --primary-light: #FFEDD5;
    --primary-gradient-start: #EA580C;
    --primary-gradient-end: #C2410C;
    --secondary-color: #F97316;
    --dark-bg: #1F2937;
    --sidebar-bg: #C2410C;           /* Sidebar themed background */
    --light-bg: #FFFBEB;
    --card-bg: #FFFFFF;
    --text-dark: #111827;
    --text-light: #F9FAFB;
    --text-muted: #6B7280;
    --border-color: #E5E7EB;
    --success: #22C55E;
    --danger: #EF4444;
    --warning: #FBBF24;
    --info: #F97316;
    --primary-gradient: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}
*/