/*
 * Theme Variables - CSS Custom Properties
 * Education Management CMS
 * 4 themes: Slate, Warm, Teal, Purple
 */

:root,
[data-theme="slate"] {
    /* Sidebar */
    --sidebar-bg: #1e293b;
    --sidebar-text: #e2e8f0;
    --sidebar-text-muted: #94a3b8;
    --sidebar-link-hover-bg: #334155;
    --sidebar-link-active-border: #10b981;
    --sidebar-link-active-bg: #334155;

    /* Header */
    --header-bg: #0f172a;
    --header-text: #f1f5f9;
    --header-border: #334155;

    /* Accent Colors */
    --accent-primary: #10b981;
    --accent-primary-hover: #059669;
    --accent-secondary: #3b82f6;

    /* Cards */
    --card-bg: #ffffff;
    --card-border: #e2e8f0;
    --card-header-bg: #f8fafc;
    --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

    /* Text */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;

    /* Backgrounds */
    --body-bg: #f1f5f9;
    --content-bg: #ffffff;

    /* Status Colors */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #06b6d4;

    /* Buttons */
    --btn-primary-bg: #10b981;
    --btn-primary-text: #ffffff;
    --btn-primary-hover: #059669;
    --btn-secondary-bg: #64748b;
    --btn-secondary-text: #ffffff;
    --btn-secondary-hover: #475569;

    /* Tables */
    --table-header-bg: #f8fafc;
    --table-border: #e2e8f0;
    --table-row-hover: #f1f5f9;
    --table-stripe: #f8fafc;

    /* Forms */
    --input-bg: #ffffff;
    --input-border: #cbd5e1;
    --input-focus-border: #10b981;
    --input-focus-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);

    /* Calendar */
    --calendar-event-bg: #ecfdf5;
    /* Slate/Emerald Light */
    --calendar-event-text: #064e3b;
    /* Emerald Dark */
    --calendar-today-bg: rgba(16, 185, 129, 0.1);
}

[data-theme="warm"] {
    /* Sidebar */
    --sidebar-bg: #292524;
    --sidebar-text: #fafaf9;
    --sidebar-text-muted: #a8a29e;
    --sidebar-link-hover-bg: #44403c;
    --sidebar-link-active-border: #f59e0b;
    --sidebar-link-active-bg: #44403c;

    /* Header */
    --header-bg: #1c1917;
    --header-text: #fafaf9;
    --header-border: #44403c;

    /* Accent Colors */
    --accent-primary: #f59e0b;
    --accent-primary-hover: #d97706;
    --accent-secondary: #fb923c;

    /* Cards */
    --card-bg: #ffffff;
    --card-border: #e7e5e4;
    --card-header-bg: #fafaf9;
    --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

    /* Text */
    --text-primary: #292524;
    --text-secondary: #78716c;
    --text-muted: #a8a29e;

    /* Backgrounds */
    --body-bg: #fafaf9;
    --content-bg: #ffffff;

    /* Status Colors */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #06b6d4;

    /* Buttons */
    --btn-primary-bg: #f59e0b;
    --btn-primary-text: #ffffff;
    --btn-primary-hover: #d97706;
    --btn-secondary-bg: #78716c;
    --btn-secondary-text: #ffffff;
    --btn-secondary-hover: #57534e;

    /* Tables */
    --table-header-bg: #fafaf9;
    --table-border: #e7e5e4;
    --table-row-hover: #f5f5f4;
    --table-stripe: #fafaf9;

    /* Forms */
    --input-bg: #ffffff;
    --input-border: #d6d3d1;
    --input-focus-border: #f59e0b;
    --input-focus-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);

    /* Calendar */
    --calendar-event-bg: #fffbeb;
    /* Warm/Amber Light */
    --calendar-event-text: #78350f;
    /* Amber Dark */
    --calendar-today-bg: rgba(245, 158, 11, 0.1);
}

[data-theme="teal"] {
    /* Sidebar */
    --sidebar-bg: #134e4a;
    --sidebar-text: #ccfbf1;
    --sidebar-text-muted: #5eead4;
    --sidebar-link-hover-bg: #115e59;
    --sidebar-link-active-border: #14b8a6;
    --sidebar-link-active-bg: #115e59;

    /* Header */
    --header-bg: #042f2e;
    --header-text: #f0fdfa;
    --header-border: #115e59;

    /* Accent Colors */
    --accent-primary: #14b8a6;
    --accent-primary-hover: #0d9488;
    --accent-secondary: #2dd4bf;

    /* Cards */
    --card-bg: #ffffff;
    --card-border: #ccfbf1;
    --card-header-bg: #f0fdfa;
    --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

    /* Text */
    --text-primary: #134e4a;
    --text-secondary: #0f766e;
    --text-muted: #5eead4;

    /* Backgrounds */
    --body-bg: #f0fdfa;
    --content-bg: #ffffff;

    /* Status Colors */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #06b6d4;

    /* Buttons */
    --btn-primary-bg: #14b8a6;
    --btn-primary-text: #ffffff;
    --btn-primary-hover: #0d9488;
    --btn-secondary-bg: #0f766e;
    --btn-secondary-text: #ffffff;
    --btn-secondary-hover: #115e59;

    /* Tables */
    --table-header-bg: #f0fdfa;
    --table-border: #ccfbf1;
    --table-row-hover: #f0fdfa;
    --table-stripe: #f0fdfa;

    /* Forms */
    --input-bg: #ffffff;
    --input-border: #99f6e4;
    --input-focus-border: #14b8a6;
    --input-focus-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);

    /* Calendar */
    --calendar-event-bg: #f0fdfa;
    /* Teal Light */
    --calendar-event-text: #134e4a;
    /* Teal Dark */
    --calendar-today-bg: rgba(20, 184, 166, 0.1);
}

[data-theme="purple"] {
    /* Sidebar */
    --sidebar-bg: #2e1065;
    --sidebar-text: #f3e8ff;
    --sidebar-text-muted: #c4b5fd;
    --sidebar-link-hover-bg: #4c1d95;
    --sidebar-link-active-border: #a855f7;
    --sidebar-link-active-bg: #4c1d95;

    /* Header */
    --header-bg: #1e1b4b;
    --header-text: #f5f3ff;
    --header-border: #4c1d95;

    /* Accent Colors */
    --accent-primary: #a855f7;
    --accent-primary-hover: #9333ea;
    --accent-secondary: #c084fc;

    /* Cards */
    --card-bg: #ffffff;
    --card-border: #e9d5ff;
    --card-header-bg: #faf5ff;
    --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

    /* Text */
    --text-primary: #2e1065;
    --text-secondary: #7c3aed;
    --text-muted: #a78bfa;

    /* Backgrounds */
    --body-bg: #faf5ff;
    --content-bg: #ffffff;

    /* Status Colors */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #06b6d4;

    /* Buttons */
    --btn-primary-bg: #a855f7;
    --btn-primary-text: #ffffff;
    --btn-primary-hover: #9333ea;
    --btn-secondary-bg: #7c3aed;
    --btn-secondary-text: #ffffff;
    --btn-secondary-hover: #6d28d9;

    /* Tables */
    --table-header-bg: #faf5ff;
    --table-border: #e9d5ff;
    --table-row-hover: #faf5ff;
    --table-stripe: #faf5ff;

    /* Forms */
    --input-bg: #ffffff;
    --input-border: #ddd6fe;
    --input-focus-border: #a855f7;
    --input-focus-shadow: 0 0 0 3px rgba(168, 85, 247, 0.1);

    /* Calendar */
    --calendar-event-bg: #faf5ff;
    /* Purple Light */
    --calendar-event-text: #581c87;
    /* Purple Dark */
    --calendar-today-bg: rgba(168, 85, 247, 0.1);
}

[data-theme="custom"] {
    /* Sidebar - Navy Blue */
    --sidebar-bg: #2C3E50;
    --sidebar-text: #FFFFFF;
    --sidebar-text-muted: #999999;
    --sidebar-link-hover-bg: #34495E;
    --sidebar-link-active-border: #DAA520;
    /* Gold Accent */
    --sidebar-link-active-bg: rgba(218, 165, 32, 0.2);

    /* Header - White */
    --header-bg: #FFFFFF;
    --header-text: #2C3E50;
    --header-border: #E0E0E0;

    /* Accent Colors - Gold/Mustard */
    --accent-primary: #DAA520;
    /* Gold for Borders/Highlights */
    --accent-primary-hover: #b8860b;
    --accent-secondary: #8B4513;
    /* Brown for secondary actions */

    /* Cards */
    --card-bg: #FFFFFF;
    --card-border: #E0E0E0;
    --card-header-bg: #FFF8E1;
    /* Light Cream Header */
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

    /* Text */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;

    /* Backgrounds */
    --body-bg: #F4F6F9;
    --content-bg: #FFFFFF;

    /* Status Colors */
    --color-success: #27AE60;
    --color-warning: #F39C12;
    --color-danger: #E74C3C;
    --color-info: #3498DB;

    /* Buttons */
    --btn-primary-bg: #DAA520;
    --btn-primary-text: #FFFFFF;
    --btn-primary-hover: #b8860b;
    --btn-secondary-bg: #F4F6F9;
    --btn-secondary-text: #333333;
    --btn-secondary-hover: #E0E0E0;

    /* Tables */
    --table-header-bg: #FFF8E1;
    --table-border: #E0E0E0;
    --table-row-hover: #FFFDF5;
    --table-stripe: #FFFFFF;

    /* Forms */
    --input-bg: #FFFFFF;
    --input-border: #E0E0E0;
    --input-focus-border: #DAA520;
    --input-focus-shadow: 0 0 0 3px rgba(218, 165, 32, 0.1);

    /* Calendar Event Box - Gentle Light Background */
    --calendar-event-bg: #FFF8E1;
    /* Very Light Gold/Cream */
    --calendar-event-text: #333333;
    /* Dark Text for readability */
    --calendar-today-bg: rgba(218, 165, 32, 0.1);
}