/* ===== THEME VARIABLES ===== */

/* Classic Theme (Default) */
:root {
    --bg-primary: #8B7355;
    --text-primary: #5D4E37;
    --text-secondary: #6B4423;
    --text-highlight: #f08a3c;
    --text-light: #e6a476;
    --bg-section: #E8DCC6;
    --bg-card: #DDD6C1;
    --bg-input: #E8DCC6;
    --bg-input-focus: #f3ba71;
    --bg-button: #D2B48C;
    --bg-button-hover: #C19A6B;
    --bg-nav-tab: #DEB887;
    --bg-nav-tab-active: #CD853F;
    --bg-table-header: #D2B48C;
    --bg-match-info: #D2B48C;
    --bg-match-type: #cc9359;
    --bg-goals-highlight: #cc9359;
    --bg-player-name: #DDD6C1;
    --bg-ranking-info: #DDD6C1;
    --border-primary: #8B7355;
    --border-secondary: #A0826D;
    --border-tertiary: #C4B091;
    --text-white: #ffffff;
    --text-table-header: #6B4423;
    --text-match-type: #8B4513;
    --text-goals-highlight: #8B4513;
    
    /* Login page specific variables */
    --bg-secondary: #F5F5DC;
    --text-error: #CC4125;
    /* Player-select specific colors (fall back to existing theme vars) */
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* Dark Theme */
.theme-dark {
    --bg-primary: #6f5c44;
    --text-primary: #c6b69e;
    --text-secondary: #dab18e;
    --text-highlight: #f19147;
    --text-light: #c7c2bb;
    --bg-section: #47381c;
    --bg-card: #352f1d;
    --bg-input: #47381c;
    --bg-input-focus: #844f0b;
    --bg-button: #6a4e29;
    --bg-button-hover: #7d5c34;
    --bg-nav-tab: #704d1f;
    --bg-nav-tab-active: #9c6129;
    --bg-table-header: #6a4e29;
    --bg-match-info: #6a4e29;
    --bg-match-type: #8b5b2b;
    --bg-goals-highlight: #8b5b2b;
    --bg-player-name: #352f1d;
    --bg-ranking-info: #352f1d;
    --border-primary: #756047;
    --border-secondary: #52595c;
    --border-tertiary: #635135;
    --text-white: #e8e6e3;
    --text-table-header: #dab18e;
    --text-match-type: #eca471;
    --text-goals-highlight: #eca471;
    
    /* Login page specific variables */
    --bg-secondary: #47381c;
    --text-error: #ff6b4a;
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* Ocean Theme */
.theme-ocean {
    --bg-primary: #2E4057;
    --text-primary: #F5F5F5;
    --text-secondary: #B8D4E3;
    --text-highlight: #48CAE4;
    --text-light: #90E0EF;
    --bg-section: #1A2332;
    --bg-card: #0F1419;
    --bg-input: #1A2332;
    --bg-input-focus: #023E8A;
    --bg-button: #0077B6;
    --bg-button-hover: #0096C7;
    --bg-nav-tab: #457B9D;
    --bg-nav-tab-active: #48CAE4;
    --bg-table-header: #0077B6;
    --bg-match-info: #0077B6;
    --bg-match-type: #023E8A;
    --bg-goals-highlight: #023E8A;
    --bg-player-name: #0F1419;
    --bg-ranking-info: #0F1419;
    --border-primary: #457B9D;
    --border-secondary: #48CAE4;
    --border-tertiary: #90E0EF;
    --text-white: #F5F5F5;
    --text-table-header: #F5F5F5;
    --text-match-type: #F5F5F5;
    --text-goals-highlight: #F5F5F5;
    
    /* Login page specific variables */
    --bg-secondary: #1A2332;
    --text-error: #FF6B6B;
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* Forest Theme */
.theme-forest {
    --bg-primary: #2D5016;
    --text-primary: #E8F5E8;
    --text-secondary: #C8E6C9;
    --text-highlight: #66BB6A;
    --text-light: #A5D6A7;
    --bg-section: #1B2F0E;
    --bg-card: #0F1A0A;
    --bg-input: #1B2F0E;
    --bg-input-focus: #388E3C;
    --bg-button: #4CAF50;
    --bg-button-hover: #66BB6A;
    --bg-nav-tab: #4A7C59;
    --bg-nav-tab-active: #66BB6A;
    --bg-table-header: #4CAF50;
    --bg-match-info: #4CAF50;
    --bg-match-type: #2E7D32;
    --bg-goals-highlight: #2E7D32;
    --bg-player-name: #0F1A0A;
    --bg-ranking-info: #0F1A0A;
    --border-primary: #4A7C59;
    --border-secondary: #66BB6A;
    --border-tertiary: #A5D6A7;
    --text-white: #E8F5E8;
    --text-table-header: #E8F5E8;
    --text-match-type: #E8F5E8;
    --text-goals-highlight: #E8F5E8;
    
    /* Login page specific variables */
    --bg-secondary: #1B2F0E;
    --text-error: #F44336;
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* Sunset Theme */
.theme-sunset {
    --bg-primary: #FF6B35;
    --text-primary: #2C1810;
    --text-secondary: #4A2C17;
    --text-highlight: #FF8500;
    --text-light: #FFA64D;
    --bg-section: #FFCAB0;
    --bg-card: #FFE5CC;
    --bg-input: #FFCAB0;
    --bg-input-focus: #FF8500;
    --bg-button: #FF8500;
    --bg-button-hover: #FF9A00;
    --bg-nav-tab: #FFAA4D;
    --bg-nav-tab-active: #FF8500;
    --bg-table-header: #FF8500;
    --bg-match-info: #FF8500;
    --bg-match-type: #CC6600;
    --bg-goals-highlight: #CC6600;
    --bg-player-name: #FFE5CC;
    --bg-ranking-info: #FFE5CC;
    --border-primary: #CC5500;
    --border-secondary: #FF8500;
    --border-tertiary: #FFAA4D;
    --text-white: #FFFFFF;
    --text-table-header: #2C1810;
    --text-match-type: #2C1810;
    --text-goals-highlight: #2C1810;
    
    /* Login page specific variables */
    --bg-secondary: #FFCAB0;
    --text-error: #B71C1C;
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* Purple Theme */
.theme-purple {
    --bg-primary: #4A148C;
    --text-primary: #F3E5F5;
    --text-secondary: #E1BEE7;
    --text-highlight: #AB47BC;
    --text-light: #CE93D8;
    --bg-section: #311B92;
    --bg-card: #1A0E47;
    --bg-input: #311B92;
    --bg-input-focus: #7B1FA2;
    --bg-button: #8E24AA;
    --bg-button-hover: #AB47BC;
    --bg-nav-tab: #673AB7;
    --bg-nav-tab-active: #AB47BC;
    --bg-table-header: #8E24AA;
    --bg-match-info: #8E24AA;
    --bg-match-type: #6A1B9A;
    --bg-goals-highlight: #6A1B9A;
    --bg-player-name: #1A0E47;
    --bg-ranking-info: #1A0E47;
    --border-primary: #673AB7;
    --border-secondary: #AB47BC;
    --border-tertiary: #CE93D8;
    --text-white: #F3E5F5;
    --text-table-header: #F3E5F5;
    --text-match-type: #F3E5F5;
    --text-goals-highlight: #F3E5F5;
    
    /* Login page specific variables */
    --bg-secondary: #311B92;
    --text-error: #F44336;
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* Matrix Theme */
.theme-matrix {
    --bg-primary: #000000;
    --text-primary: #00FF00;
    --text-secondary: #00CC00;
    --text-highlight: #00FF41;
    --text-light: #39FF14;
    --bg-section: #0D1B0D;
    --bg-card: #001100;
    --bg-input: #0D1B0D;
    --bg-input-focus: #003300;
    --bg-button: #004400;
    --bg-button-hover: #006600;
    --bg-nav-tab: #002200;
    --bg-nav-tab-active: #00FF41;
    --bg-table-header: #004400;
    --bg-match-info: #004400;
    --bg-match-type: #006600;
    --bg-goals-highlight: #006600;
    --bg-player-name: #001100;
    --bg-ranking-info: #001100;
    --border-primary: #00AA00;
    --border-secondary: #00FF00;
    --border-tertiary: #39FF14;
    --text-white: #00FF00;
    --text-table-header: #00FF00;
    --text-match-type: #00FF00;
    --text-goals-highlight: #00FF00;
    
    /* Login page specific variables */
    --bg-secondary: #0D1B0D;
    --text-error: #FF0000;
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* High Contrast Theme */
.theme-high-contrast {
    --bg-primary: #000000;
    --text-primary: #FFFFFF;
    --text-secondary: #CCCCCC;
    --text-highlight: #FFFF00;
    --text-light: #FFFFFF;
    --bg-section: #1A1A1A;
    --bg-card: #333333;
    --bg-input: #1A1A1A;
    --bg-input-focus: #444444;
    --bg-button: #666666;
    --bg-button-hover: #888888;
    --bg-nav-tab: #444444;
    --bg-nav-tab-active: #FFFF00;
    --bg-table-header: #666666;
    --bg-match-info: #666666;
    --bg-match-type: #888888;
    --bg-goals-highlight: #888888;
    --bg-player-name: #333333;
    --bg-ranking-info: #333333;
    --border-primary: #FFFFFF;
    --border-secondary: #CCCCCC;
    --border-tertiary: #999999;
    --text-white: #FFFFFF;
    --text-table-header: #FFFFFF;
    --text-match-type: #000000;
    --text-goals-highlight: #000000;
    
    /* Login page specific variables */
    --bg-secondary: #1A1A1A;
    --text-error: #FF0000;
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* Neon Theme */
.theme-neon {
    --bg-primary: #0A0A0A;
    --text-primary: #FFFFFF;
    --text-secondary: #000000;
    --text-highlight: #FFBE0B;
    --text-light: #8338EC;
    --bg-section: #1A0033;
    --bg-card: #2D004D;
    --bg-input: #1A0033;
    --bg-input-focus: #4D0080;
    --bg-button: #FF006E;
    --bg-button-hover: #FF4081;
    --bg-nav-tab: #6600CC;
    --bg-nav-tab-active: #FFBE0B;
    --bg-table-header: #FF006E;
    --bg-match-info: #FF006E;
    --bg-match-type: #FB5607;
    --bg-goals-highlight: #FB5607;
    --bg-player-name: #2D004D;
    --bg-ranking-info: #2D004D;
    --border-primary: #8338EC;
    --border-secondary: #FF006E;
    --border-tertiary: #FFBE0B;
    --text-white: #FFFFFF;
    --text-table-header: #FFFFFF;
    --text-match-type: #FFFFFF;
    --text-goals-highlight: #FFFFFF;
    
    /* Login page specific variables */
    --bg-secondary: #1A0033;
    --text-error: #FF0040;
    --player-placeholder-color: var(--text-highlight);
    --player-no-player-color: var(--text-error);
}

/* Color tints for player dropdown options. Option styling varies by browser; we set text color to match theme variables. */
select option.placeholder-option {
    color: var(--player-placeholder-color);
}

select option.no-player-option {
    color: var(--player-no-player-color);
}