/* Display themes — blue (default), green, brown. Parchment kept for later (not selectable). */

:root,
html[data-theme="blue"] {
  --bg: #071022;
  --bg-deep: #040a14;
  --header-rgb: 13, 20, 36;
  --panel-rgb: 23, 33, 54;
  --surface-rgb: 34, 46, 69;
  --surface-deep-rgb: 23, 33, 54;
  --surface-hover-rgb: 49, 62, 89;
  --mid-rgb: 49, 62, 89;
  --mid-hover-rgb: 67, 90, 130;
  --accent-rgb: 72, 158, 210;
  --accent-bright-rgb: 120, 200, 245;
  --accent-soft-rgb: 150, 220, 255;
  --accent-mid-rgb: 110, 198, 245;
  --secondary-rgb: 70, 180, 245;
  --secondary-deep-rgb: 17, 88, 131;
  --text: #d8e0ea;
  --text-bright: #f0f5fa;
  --text-muted: #bdc5cd;
  --text-hover: #ffffff;
  --text-dim-rgb: 176, 188, 204;
  --text-nav-rgb: 189, 197, 205;
  --scrollbar-track: rgba(67, 138, 181, 0.22);
  --scrollbar-thumb: rgba(49, 62, 89, 0.94);
  --scrollbar-thumb-hover: rgba(89, 110, 150, 0.98);
  --scrollbar-button: rgba(89, 110, 150, 0.35);
  --scrollbar-arrow: rgba(150, 220, 255, 0.9);
  --page-glow-a: rgba(120, 200, 245, 0.16);
  --page-glow-b: rgba(70, 180, 245, 0.12);
  --page-glow-c: rgba(17, 88, 131, 0.22);
  --page-base-top: rgba(7, 16, 34, 0.98);
  --page-base-bot: rgba(13, 20, 36, 0.95);
}

html[data-theme="green"] {
  --bg: #041810;
  --bg-deep: #020e0a;
  --header-rgb: 2, 14, 10;
  --panel-rgb: 10, 44, 30;
  --surface-rgb: 16, 56, 38;
  --surface-deep-rgb: 8, 36, 24;
  --surface-hover-rgb: 22, 70, 48;
  --mid-rgb: 28, 84, 56;
  --mid-hover-rgb: 36, 108, 72;
  --accent-rgb: 72, 200, 140;
  --accent-bright-rgb: 72, 255, 140;
  --accent-soft-rgb: 184, 240, 208;
  --accent-mid-rgb: 143, 212, 176;
  --secondary-rgb: 0, 220, 200;
  --secondary-deep-rgb: 20, 140, 80;
  --text: #d4c8b8;
  --text-bright: #e8dcc4;
  --text-muted: #c9b896;
  --text-hover: #f0e8d8;
  --text-dim-rgb: 196, 184, 168;
  --text-nav-rgb: 212, 196, 168;
  --scrollbar-track: rgba(72, 180, 130, 0.2);
  --scrollbar-thumb: rgba(24, 78, 56, 0.94);
  --scrollbar-thumb-hover: rgba(32, 98, 70, 0.98);
  --scrollbar-button: rgba(52, 130, 96, 0.28);
  --scrollbar-arrow: rgba(201, 184, 150, 0.9);
  --page-glow-a: rgba(72, 255, 140, 0.12);
  --page-glow-b: rgba(0, 220, 200, 0.08);
  --page-glow-c: rgba(20, 140, 80, 0.18);
  --page-base-top: rgba(2, 22, 14, 0.98);
  --page-base-bot: rgba(4, 28, 18, 0.95);
}

/* Equilibrium in-game brown — sampled from Leagues II UI chrome */
html[data-theme="brown"] {
  /* Page bg = strip behind the tabs (#282320) */
  --bg: #282320;
  --bg-deep: #1f1c19;
  /* Nav = LEAGUES II: EQUILIBRIUM title bar (#191313) */
  --header-rgb: 25, 19, 19;
  /* Cards / panels = main content card fill (#1e1613) */
  --panel-rgb: 30, 22, 19;
  --surface-rgb: 40, 32, 28;
  --surface-deep-rgb: 30, 22, 19;
  --surface-hover-rgb: 52, 42, 36;
  --mid-rgb: 86, 57, 43;
  --mid-hover-rgb: 110, 74, 54;
  --accent-rgb: 210, 145, 78;
  --accent-bright-rgb: 240, 180, 100;
  --accent-soft-rgb: 255, 206, 130;
  --accent-mid-rgb: 235, 175, 95;
  --secondary-rgb: 200, 150, 90;
  --secondary-deep-rgb: 120, 80, 50;
  --text: #e0d8c3;
  --text-bright: #f2ebe0;
  --text-muted: #b8a080;
  --text-hover: #ffffff;
  --text-dim-rgb: 184, 160, 128;
  --text-nav-rgb: 211, 197, 173;
  --scrollbar-track: rgba(40, 35, 32, 0.55);
  --scrollbar-thumb: rgba(30, 22, 19, 0.94);
  --scrollbar-thumb-hover: rgba(86, 57, 43, 0.98);
  --scrollbar-button: rgba(86, 57, 43, 0.45);
  --scrollbar-arrow: rgba(255, 206, 130, 0.9);
  --page-glow-a: rgba(86, 57, 43, 0.22);
  --page-glow-b: rgba(210, 145, 78, 0.1);
  --page-glow-c: rgba(25, 19, 19, 0.35);
  --page-base-top: rgba(40, 35, 32, 0.98);
  --page-base-bot: rgba(31, 28, 25, 0.96);
}

/*
 * Parchment (light) — kept for later; not exposed in the theme picker.
 * Activate with html[data-theme="parchment"] when ready.
 */
html[data-theme="parchment"] {
  --bg: #e0d8c3;
  --bg-deep: #d4c9b0;
  --header-rgb: 184, 160, 128;
  --panel-rgb: 211, 197, 173;
  --surface-rgb: 224, 216, 195;
  --surface-deep-rgb: 211, 197, 173;
  --surface-hover-rgb: 203, 189, 164;
  --mid-rgb: 184, 160, 128;
  --mid-hover-rgb: 148, 132, 108;
  --accent-rgb: 163, 105, 68;
  --accent-bright-rgb: 180, 120, 72;
  --accent-soft-rgb: 92, 68, 44;
  --accent-mid-rgb: 148, 132, 108;
  --secondary-rgb: 163, 105, 68;
  --secondary-deep-rgb: 120, 80, 50;
  --text: #3a3024;
  --text-bright: #1a1510;
  --text-muted: #6b5a45;
  --text-hover: #000000;
  --text-dim-rgb: 107, 90, 69;
  --text-nav-rgb: 74, 58, 42;
  --scrollbar-track: rgba(184, 160, 128, 0.35);
  --scrollbar-thumb: rgba(148, 132, 108, 0.85);
  --scrollbar-thumb-hover: rgba(120, 100, 75, 0.95);
  --scrollbar-button: rgba(184, 160, 128, 0.45);
  --scrollbar-arrow: rgba(58, 48, 36, 0.85);
  --page-glow-a: rgba(184, 160, 128, 0.28);
  --page-glow-b: rgba(163, 105, 68, 0.1);
  --page-glow-c: rgba(211, 197, 173, 0.55);
  --page-base-top: rgba(232, 224, 208, 0.98);
  --page-base-bot: rgba(212, 200, 176, 0.96);
}