/* Theme definitions: dark (default), light, and seasonal */

:root, [data-theme="dark"] {
  --gold: #1b9ed3; --gold-light: #6682cc;
  --bg: #0c1220; --bg2: #1a2540; --bg3: #0e1a30;
  --surface: rgba(255,255,255,0.04); --border: rgba(27,158,211,0.15);
  --text: #f0f0f0; --muted: #7a8a9e;
  --card-bg: rgba(255,255,255,0.05); --card-border: rgba(27,158,211,0.12);
  --input-bg: rgba(255,255,255,0.1); --input-border: rgba(27,158,211,0.25);
  --header-bg: rgba(12,18,32,0.85);
}

[data-theme="light"] {
  --gold: #a08030; --gold-light: #c8a040;
  --bg: #f5f5f0; --bg2: #e8e8e0; --bg3: #f0f0e8;
  --surface: rgba(0,0,0,0.03); --border: rgba(0,0,0,0.08);
  --text: #1a1a1a; --muted: #888;
  --card-bg: rgba(0,0,0,0.03); --card-border: rgba(0,0,0,0.08);
  --input-bg: rgba(0,0,0,0.05); --input-border: rgba(0,0,0,0.15);
  --header-bg: rgba(255,255,255,0.9);
}

[data-theme="usa"] {
  --gold: #c41e3a; --gold-light: #e63950;
  --bg: #0a1628; --bg2: #1a2040; --bg3: #0a1830;
  --surface: rgba(255,255,255,0.04); --border: rgba(196,30,58,0.2);
  --text: #f0f0f0; --muted: #666;
  --card-bg: rgba(255,255,255,0.05); --card-border: rgba(196,30,58,0.15);
  --input-bg: rgba(255,255,255,0.1); --input-border: rgba(196,30,58,0.3);
  --header-bg: rgba(0,0,20,0.6);
}

[data-theme="mexico"] {
  --gold: #006847; --gold-light: #00a86b;
  --bg: #0a2810; --bg2: #0d3316; --bg3: #0a200d;
  --surface: rgba(255,255,255,0.04); --border: rgba(0,104,71,0.2);
  --text: #f0f0f0; --muted: #666;
  --card-bg: rgba(255,255,255,0.05); --card-border: rgba(0,104,71,0.15);
  --input-bg: rgba(255,255,255,0.1); --input-border: rgba(0,104,71,0.3);
  --header-bg: rgba(0,20,0,0.6);
}

[data-theme="canada"] {
  --gold: #cf142b; --gold-light: #e8303f;
  --bg: #280a0a; --bg2: #3a1010; --bg3: #200808;
  --surface: rgba(255,255,255,0.04); --border: rgba(207,20,43,0.2);
  --text: #f0f0f0; --muted: #666;
  --card-bg: rgba(255,255,255,0.05); --card-border: rgba(207,20,43,0.15);
  --input-bg: rgba(255,255,255,0.1); --input-border: rgba(207,20,43,0.3);
  --header-bg: rgba(20,0,0,0.6);
}

/* Light theme overrides for readability */
[data-theme="light"] .score-input { color: #1a1a1a; }
[data-theme="light"] .score-input::placeholder { color: #ccc; }
[data-theme="light"] .auth-input { color: #1a1a1a; }
[data-theme="light"] .auth-input::placeholder { color: #999; }
[data-theme="light"] .admin-code-input { color: #1a1a1a; }
[data-theme="light"] .google-btn { box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
[data-theme="light"] .nav-btn { color: #333; border-color: rgba(0,0,0,0.15); background: rgba(0,0,0,0.05); }
[data-theme="light"] .nav-btn:hover { background: rgba(0,0,0,0.1); }
[data-theme="light"] .user-chip { color: #333; background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.1); }
[data-theme="light"] .sign-out-btn { color: #888; }
[data-theme="light"] .lb-row { color: #1a1a1a; }
[data-theme="light"] footer { color: #aaa; }