/**
 * Theme Configuration
 * Multiple color themes with light/dark mode support
 */

:root {
    /* Default Theme: Ocean Blue (Modern Professional) */
    --theme-primary: #0ea5e9;
    --theme-primary-dark: #0284c7;
    --theme-secondary: #6366f1;
    --theme-accent: #14b8a6;
    --theme-gradient-start: #0ea5e9;
    --theme-gradient-end: #6366f1;
    
    /* Light Mode Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --border-color: #e2e8f0;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

[data-bs-theme="dark"] {
    /* Dark Mode Colors */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #64748b;
    --border-color: #334155;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
}

/* Emerald Theme: Fresh & Modern */
[data-theme="emerald"] {
    --theme-primary: #10b981;
    --theme-primary-dark: #059669;
    --theme-secondary: #14b8a6;
    --theme-accent: #06b6d4;
    --theme-gradient-start: #10b981;
    --theme-gradient-end: #06b6d4;
}

[data-theme="emerald"][data-bs-theme="dark"] {
    --bg-primary: #022c22;
    --bg-secondary: #064e3b;
    --bg-tertiary: #065f46;
    --text-primary: #ecfdf5;
    --text-secondary: #a7f3d0;
    --text-muted: #34d399;
    --border-color: #059669;
}

/* Sunset Theme: Warm & Vibrant */
[data-theme="sunset"] {
    --theme-primary: #f97316;
    --theme-primary-dark: #ea580c;
    --theme-secondary: #ec4899;
    --theme-accent: #8b5cf6;
    --theme-gradient-start: #f97316;
    --theme-gradient-end: #ec4899;
}

[data-theme="sunset"][data-bs-theme="dark"] {
    --bg-primary: #2a1a1a;
    --bg-secondary: #3d1f1f;
    --bg-tertiary: #4c2525;
    --text-primary: #fff7ed;
    --text-secondary: #fed7aa;
    --text-muted: #fdba74;
    --border-color: #c2410c;
}

/* Midnight Theme: Sleek & Professional */
[data-theme="midnight"] {
    --theme-primary: #3b82f6;
    --theme-primary-dark: #2563eb;
    --theme-secondary: #8b5cf6;
    --theme-accent: #06b6d4;
    --theme-gradient-start: #1e3a8a;
    --theme-gradient-end: #7c3aed;
}

[data-theme="midnight"][data-bs-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #64748b;
    --border-color: #475569;
}

/* Rose Theme: Elegant & Modern */
[data-theme="rose"] {
    --theme-primary: #f43f5e;
    --theme-primary-dark: #e11d48;
    --theme-secondary: #ec4899;
    --theme-accent: #f97316;
    --theme-gradient-start: #f43f5e;
    --theme-gradient-end: #8b5cf6;
}

[data-theme="rose"][data-bs-theme="dark"] {
    --bg-primary: #2a1a1f;
    --bg-secondary: #3d1f2a;
    --bg-tertiary: #4c2533;
    --text-primary: #fff1f2;
    --text-secondary: #fecdd3;
    --text-muted: #fda4af;
    --border-color: #be123c;
}

/* Forest Theme: Natural & Calming */
[data-theme="forest"] {
    --theme-primary: #22c55e;
    --theme-primary-dark: #16a34a;
    --theme-secondary: #84cc16;
    --theme-accent: #eab308;
    --theme-gradient-start: #166534;
    --theme-gradient-end: #84cc16;
}

[data-theme="forest"][data-bs-theme="dark"] {
    --bg-primary: #1a2f1a;
    --bg-secondary: #233d23;
    --bg-tertiary: #2d4a2d;
    --text-primary: #f0fdf4;
    --text-secondary: #bbf7d0;
    --text-muted: #86efac;
    --border-color: #16a34a;
}

/* Amber Theme: Bold & Energetic */
[data-theme="amber"] {
    --theme-primary: #f59e0b;
    --theme-primary-dark: #d97706;
    --theme-secondary: #f97316;
    --theme-accent: #ef4444;
    --theme-gradient-start: #f59e0b;
    --theme-gradient-end: #ef4444;
}

[data-theme="amber"][data-bs-theme="dark"] {
    --bg-primary: #2a2212;
    --bg-secondary: #3d3117;
    --bg-tertiary: #4c3d1a;
    --text-primary: #fffbeb;
    --text-secondary: #fde68a;
    --text-muted: #fcd34d;
    --border-color: #d97706;
}

/* Theme Utility Classes */
.theme-bg-primary { background-color: var(--bg-primary); }
.theme-bg-secondary { background-color: var(--bg-secondary); }
.theme-bg-tertiary { background-color: var(--bg-tertiary); }
.theme-text-primary { color: var(--text-primary); }
.theme-text-secondary { color: var(--text-secondary); }
.theme-text-muted { color: var(--text-muted); }
.theme-border { border-color: var(--border-color); }
.theme-shadow-sm { box-shadow: var(--shadow-sm); }
.theme-shadow-md { box-shadow: var(--shadow-md); }
.theme-shadow-lg { box-shadow: var(--shadow-lg); }
.theme-shadow-xl { box-shadow: var(--shadow-xl); }

.theme-primary { color: var(--theme-primary); }
.theme-primary-bg { background-color: var(--theme-primary); }
.theme-primary-gradient { 
    background: linear-gradient(135deg, var(--theme-gradient-start) 0%, var(--theme-gradient-end) 100%);
}