/* Wave colour tokens and themes, shared by the newer pages (ai.html).
 * index.html and games.html keep their own inline copies. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg: #04101f;
  --bg-soft: #071a30;
  --bar: rgba(5, 18, 34, 0.92);
  --card: #0a1e36;
  --card-h: #0f2a49;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-h: rgba(255, 255, 255, 0.08);
  --line: rgba(125, 211, 252, 0.14);
  --line-h: rgba(125, 211, 252, 0.4);
  --t1: #ffffff;
  --t2: #a8cee9;
  --t3: #5f83a3;
  --accent: #0ea5e9;
  --accent2: #7dd3fc;
  --accent-glow: rgba(14, 165, 233, 0.35);
  --title-gradient: linear-gradient(90deg, #ffffff 0%, #e0f2fe 25%, #7dd3fc 55%, #0284c7 80%, #ffffff 100%);
  --danger: #ef4444;
}

[data-theme="amoled"] {
  --bg: #000000;
  --bg-soft: #050505;
  --bar: rgba(0, 0, 0, 0.95);
  --card: #0a0a0a;
  --card-h: #161616;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-h: rgba(255, 255, 255, 0.1);
  --line: rgba(255, 255, 255, 0.12);
  --line-h: rgba(255, 255, 255, 0.28);
  --t1: #ffffff;
  --t2: #cbd5e1;
  --t3: #8fa0b3;
  --accent: #38bdf8;
  --accent2: #e0f2fe;
  --accent-glow: rgba(56, 189, 248, 0.28);
  --title-gradient: linear-gradient(90deg, #ffffff 0%, #bae6fd 50%, #ffffff 100%);
}

[data-theme="cyber"] {
  --bg: #031018;
  --bg-soft: #041a26;
  --bar: rgba(3, 20, 31, 0.95);
  --card: #061f2e;
  --card-h: #0a3046;
  --surface: rgba(34, 211, 238, 0.06);
  --surface-h: rgba(34, 211, 238, 0.12);
  --line: rgba(34, 211, 238, 0.2);
  --line-h: rgba(34, 211, 238, 0.48);
  --t1: #ffffff;
  --t2: #a5f3fc;
  --t3: #5e9aab;
  --accent: #06b6d4;
  --accent2: #67e8f9;
  --accent-glow: rgba(6, 182, 212, 0.4);
  --title-gradient: linear-gradient(90deg, #67e8f9 0%, #06b6d4 50%, #ecfeff 100%);
}

[data-theme="matrix"] {
  --bg: #020b07;
  --bg-soft: #04140c;
  --bar: rgba(3, 18, 11, 0.95);
  --card: #06180f;
  --card-h: #0b2c1b;
  --surface: rgba(16, 185, 129, 0.06);
  --surface-h: rgba(16, 185, 129, 0.12);
  --line: rgba(16, 185, 129, 0.2);
  --line-h: rgba(16, 185, 129, 0.45);
  --t1: #ffffff;
  --t2: #a7f3d0;
  --t3: #5f9c83;
  --accent: #10b981;
  --accent2: #6ee7b7;
  --accent-glow: rgba(16, 185, 129, 0.4);
  --title-gradient: linear-gradient(90deg, #ffffff 0%, #6ee7b7 50%, #10b981 100%);
}

[data-theme="sunset"] {
  --bg: #100810;
  --bg-soft: #1a0d18;
  --bar: rgba(26, 12, 24, 0.95);
  --card: #21101f;
  --card-h: #32192f;
  --surface: rgba(251, 146, 60, 0.06);
  --surface-h: rgba(251, 146, 60, 0.12);
  --line: rgba(251, 146, 60, 0.2);
  --line-h: rgba(251, 146, 60, 0.45);
  --t1: #ffffff;
  --t2: #fecaca;
  --t3: #b07a83;
  --accent: #f43f5e;
  --accent2: #fb923c;
  --accent-glow: rgba(244, 63, 94, 0.4);
  --title-gradient: linear-gradient(90deg, #ffffff 0%, #fdba74 50%, #f43f5e 100%);
}