/**
 * VoteSecured State-Specific Color Themes
 * Custom color palettes for each state while maintaining glassmorphism design
 */

/* ==========================================
   GEORGIA THEME - Red & Navy
   ========================================== */
.theme-georgia {
    --state-primary: #DA291C;    /* Georgia Red */
    --state-secondary: #002244;   /* Georgia Dark Blue */
    --state-accent: #FFD700;      /* Gold */
    --state-light: #E84A3D;       /* Light Red */
    
    /* Override accent colors */
    --accent-blue: var(--state-primary);
    --accent-cyan: var(--state-light);
    --accent-purple: var(--state-secondary);
}

.theme-georgia .gradient-text {
    background: linear-gradient(135deg, #DA291C, #E84A3D, #FFD700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% auto;
}

.theme-georgia .btn-primary {
    background: linear-gradient(135deg, #DA291C, #002244);
    box-shadow: 0 4px 20px rgba(218, 41, 28, 0.3);
}

.theme-georgia .btn-primary:hover {
    box-shadow: 0 8px 30px rgba(218, 41, 28, 0.4);
}

.theme-georgia .nav-category-header.expanded {
    border-color: #DA291C;
    color: #E84A3D;
}

.theme-georgia .nav-item.active {
    background: linear-gradient(135deg, rgba(218, 41, 28, 0.15), rgba(0, 34, 68, 0.15));
    border-color: #DA291C;
}

.theme-georgia .card-section::before {
    background: linear-gradient(180deg, #DA291C, #E84A3D);
}

/* ==========================================
   FLORIDA THEME - Orange & Green
   ========================================== */
.theme-florida {
    --state-primary: #FF8200;     /* Florida Orange */
    --state-secondary: #00843D;   /* Florida Green */
    --state-accent: #FFB81C;      /* Gold */
    --state-light: #FFA347;       /* Light Orange */
    
    --accent-blue: var(--state-primary);
    --accent-cyan: var(--state-light);
    --accent-purple: var(--state-secondary);
}

.theme-florida .gradient-text {
    background: linear-gradient(135deg, #FF8200, #FFA347, #00843D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% auto;
}

.theme-florida .btn-primary {
    background: linear-gradient(135deg, #FF8200, #00843D);
    box-shadow: 0 4px 20px rgba(255, 130, 0, 0.3);
}

.theme-florida .btn-primary:hover {
    box-shadow: 0 8px 30px rgba(255, 130, 0, 0.4);
}

.theme-florida .nav-category-header.expanded {
    border-color: #FF8200;
    color: #FFA347;
}

.theme-florida .nav-item.active {
    background: linear-gradient(135deg, rgba(255, 130, 0, 0.15), rgba(0, 132, 61, 0.15));
    border-color: #FF8200;
}

.theme-florida .card-section::before {
    background: linear-gradient(180deg, #FF8200, #00843D);
}

/* ==========================================
   TEXAS THEME - Blue, Red & White
   ========================================== */
.theme-texas {
    --state-primary: #002868;     /* Texas Blue */
    --state-secondary: #BF0A30;   /* Texas Red */
    --state-accent: #FFFFFF;      /* White */
    --state-light: #4169E1;       /* Royal Blue */
    
    --accent-blue: var(--state-light);
    --accent-cyan: var(--state-primary);
    --accent-purple: var(--state-secondary);
}

.theme-texas .gradient-text {
    background: linear-gradient(135deg, #002868, #4169E1, #BF0A30);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% auto;
}

.theme-texas .btn-primary {
    background: linear-gradient(135deg, #002868, #BF0A30);
    box-shadow: 0 4px 20px rgba(0, 40, 104, 0.3);
}

.theme-texas .btn-primary:hover {
    box-shadow: 0 8px 30px rgba(0, 40, 104, 0.4);
}

.theme-texas .nav-category-header.expanded {
    border-color: #002868;
    color: #4169E1;
}

.theme-texas .nav-item.active {
    background: linear-gradient(135deg, rgba(0, 40, 104, 0.15), rgba(191, 10, 48, 0.15));
    border-color: #002868;
}

.theme-texas .card-section::before {
    background: linear-gradient(180deg, #002868, #BF0A30);
}

/* ==========================================
   CALIFORNIA THEME - Gold & Blue
   ========================================== */
.theme-california {
    --state-primary: #FDB515;     /* California Gold */
    --state-secondary: #003262;   /* California Blue */
    --state-accent: #C4820E;      /* Dark Gold */
    --state-light: #FFD166;       /* Light Gold */
    
    --accent-blue: var(--state-secondary);
    --accent-cyan: var(--state-primary);
    --accent-purple: var(--state-accent);
}

.theme-california .gradient-text {
    background: linear-gradient(135deg, #FDB515, #FFD166, #003262);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% auto;
}

.theme-california .btn-primary {
    background: linear-gradient(135deg, #FDB515, #003262);
    box-shadow: 0 4px 20px rgba(253, 181, 21, 0.3);
}

.theme-california .btn-primary:hover {
    box-shadow: 0 8px 30px rgba(253, 181, 21, 0.4);
}

.theme-california .nav-category-header.expanded {
    border-color: #FDB515;
    color: #FFD166;
}

.theme-california .nav-item.active {
    background: linear-gradient(135deg, rgba(253, 181, 21, 0.15), rgba(0, 50, 98, 0.15));
    border-color: #FDB515;
}

.theme-california .card-section::before {
    background: linear-gradient(180deg, #FDB515, #003262);
}

/* ==========================================
   FEDERAL/USA THEME - Red, White & Blue
   ========================================== */
.theme-federal {
    --state-primary: #B22234;     /* Old Glory Red */
    --state-secondary: #002868;   /* Old Glory Blue */
    --state-accent: #FFFFFF;      /* White */
    --state-light: #3C3B6E;       /* Union Blue */
    
    --accent-blue: var(--state-secondary);
    --accent-cyan: var(--state-light);
    --accent-purple: var(--state-primary);
}

.theme-federal .gradient-text {
    background: linear-gradient(135deg, #B22234, #FFFFFF, #002868);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% auto;
}

.theme-federal .btn-primary {
    background: linear-gradient(135deg, #B22234, #002868);
    box-shadow: 0 4px 20px rgba(178, 34, 52, 0.3);
}

.theme-federal .btn-primary:hover {
    box-shadow: 0 8px 30px rgba(178, 34, 52, 0.4);
}

.theme-federal .nav-category-header.expanded {
    border-color: #B22234;
    color: #3C3B6E;
}

.theme-federal .nav-item.active {
    background: linear-gradient(135deg, rgba(178, 34, 52, 0.15), rgba(0, 40, 104, 0.15));
    border-color: #B22234;
}

.theme-federal .card-section::before {
    background: linear-gradient(180deg, #B22234, #002868);
}

/* ==========================================
   ADDITIONAL STATE THEMES
   ========================================== */

/* New York Theme - Navy & Orange */
.theme-newyork {
    --state-primary: #003087;
    --state-secondary: #FF6900;
    --state-accent: #FFFFFF;
    --state-light: #5390D9;
}

/* Pennsylvania Theme - Blue & Gold */
.theme-pennsylvania {
    --state-primary: #003087;
    --state-secondary: #FFB81C;
    --state-accent: #FFFFFF;
    --state-light: #4A8BD1;
}

/* Michigan Theme - Maize & Blue */
.theme-michigan {
    --state-primary: #00274C;
    --state-secondary: #FFCB05;
    --state-accent: #FFFFFF;
    --state-light: #006EB9;
}

/* Arizona Theme - Copper & Blue */
.theme-arizona {
    --state-primary: #AB0003;
    --state-secondary: #003DA5;
    --state-accent: #FFB81C;
    --state-light: #CC7A00;
}

/* Nevada Theme - Silver & Blue */
.theme-nevada {
    --state-primary: #003399;
    --state-secondary: #C0C0C0;
    --state-accent: #FFD700;
    --state-light: #4A90E2;
}

/* North Carolina Theme - Carolina Blue & White */
.theme-northcarolina {
    --state-primary: #7BAFD4;
    --state-secondary: #13294B;
    --state-accent: #FFFFFF;
    --state-light: #99C5E5;
}

/* Wisconsin Theme - Red & White */
.theme-wisconsin {
    --state-primary: #C5050C;
    --state-secondary: #0F0F0F;
    --state-accent: #FFFFFF;
    --state-light: #E84A3D;
}

/* ==========================================
   STATE FLAG BANNER (optional decoration)
   ========================================== */
.state-banner {
    width: 100%;
    height: 6px;
    margin-bottom: 2rem;
    border-radius: 3px;
}

.theme-georgia .state-banner {
    background: linear-gradient(90deg, #DA291C 33%, #002244 33%, #002244 66%, #FFD700 66%);
}

.theme-florida .state-banner {
    background: linear-gradient(90deg, #FF8200 50%, #00843D 50%);
}

.theme-texas .state-banner {
    background: linear-gradient(90deg, #002868 33%, #FFFFFF 33%, #FFFFFF 66%, #BF0A30 66%);
}

.theme-california .state-banner {
    background: linear-gradient(90deg, #FDB515 50%, #003262 50%);
}

.theme-federal .state-banner {
    background: repeating-linear-gradient(
        90deg,
        #B22234 0px, #B22234 20px,
        #FFFFFF 20px, #FFFFFF 40px
    );
}

/* ==========================================
   HERO BACKGROUND OVERRIDES FOR STATES
   ========================================== */
.theme-georgia .hero {
    background: linear-gradient(135deg, #DA291C 0%, #002244 50%, #000000 100%);
}

.theme-florida .hero {
    background: linear-gradient(135deg, #FF8200 0%, #00843D 50%, #004225 100%);
}

.theme-texas .hero {
    background: linear-gradient(135deg, #002868 0%, #BF0A30 50%, #000000 100%);
}

.theme-california .hero {
    background: linear-gradient(135deg, #FDB515 0%, #003262 50%, #001831 100%);
}

.theme-federal .hero {
    background: linear-gradient(135deg, #B22234 0%, #002868 50%, #000000 100%);
}