/* ====================================
   Theme System - CSS Custom Properties
   ==================================== */

:root {
    /* Blue Theme (Default) */
    --theme-primary: #4e64ad;
    --theme-primary-hover: #3B82F6;
    --theme-primary-dark: #1E3A8A;
    --theme-primary-light: #DBEAFE;
    --theme-primary-lighter: #BFDBFE;
    --theme-accent: #0EA5E9;

    /* Primary with alpha */
    --theme-primary-shadow: rgba(30, 64, 175, 0.12);
    --theme-primary-shadow-strong: rgba(30, 64, 175, 0.3);
    --theme-primary-shadow-subtle: rgba(30, 64, 175, 0.05);
    --theme-primary-focus: rgba(59, 130, 246, 0.15);
}

/* Green-Cyan Theme */
.theme-green-cyan {
    --theme-primary: #3d9970;
    --theme-primary-hover: #2dd4a0;
    --theme-primary-dark: #166549;
    --theme-primary-light: #d1fae5;
    --theme-primary-lighter: #a7f3d0;
    --theme-accent: #10b981;

    /* Primary with alpha */
    --theme-primary-shadow: rgba(16, 101, 73, 0.12);
    --theme-primary-shadow-strong: rgba(16, 101, 73, 0.3);
    --theme-primary-shadow-subtle: rgba(16, 101, 73, 0.05);
    --theme-primary-focus: rgba(45, 212, 160, 0.15);
}

/* Blue Theme (explicit class for switching) */
.theme-blue {
    --theme-primary: #4e64ad;
    --theme-primary-hover: #3B82F6;
    --theme-primary-dark: #1E3A8A;
    --theme-primary-light: #DBEAFE;
    --theme-primary-lighter: #BFDBFE;
    --theme-accent: #0EA5E9;

    --theme-primary-shadow: rgba(30, 64, 175, 0.12);
    --theme-primary-shadow-strong: rgba(30, 64, 175, 0.3);
    --theme-primary-shadow-subtle: rgba(30, 64, 175, 0.05);
    --theme-primary-focus: rgba(59, 130, 246, 0.15);
}