/* Theme tokens. Each look = palette + fonts + backgrounds + icon set. */
:root, [data-theme=vixen] {
  --page: #070B14; --text: #E8F1FF; --muted: #9fb3d1;
  --font-display: 'Orbitron', sans-serif; --font-body: 'Space Grotesk', sans-serif;
  --accent: #00E5FF; --accent-ink: #03141b; --lime: #B6FF3B; --amber: #FFB020; --bad: #ff5470;
  --ok: linear-gradient(180deg, #B6FF3B, #5f9a0c); --ok-solid: #B6FF3B; --ok-ink: #06110a; --ok-glow: 0 0 2.6rem rgba(182,255,59,.55);
  --near: linear-gradient(180deg, #FFB020, #b06a00); --near-solid: #FFB020; --near-ink: #1a0f00; --near-glow: 0 0 2.2rem rgba(255,176,32,.45);
  --miss: linear-gradient(180deg, #33415e, #1a2336); --miss-ink: #8a9bbb;
  --bg-img: url(../assets/nc-bg.webp);
  --bg-game-filter: blur(12px) brightness(.5) saturate(1.2);
  --ic-word: url(../assets/nc-ic-word.webp); --ic-trivia: url(../assets/nc-ic-trivia.webp); --ic-sudoku: url(../assets/nc-ic-sudoku.webp); --ic-nono: url(../assets/nc-ic-nono.webp); --ic-plate: url(../assets/nc-ic-plate.webp);
  --grain: .05;
  /* plates, re-coloured: cool metal faces with neon ink */
  --stamp-filter: hue-rotate(185deg) saturate(1.6) brightness(1.15); --stamp-ink: #0090b0;
  --pf0: #eafcff; --pf1: #f1ffe0; --pf2: #e3ecff; --pf3: #fff3da; --pf4: #e8f6ff; --pf5: #f3f6fb;
  --pi0: #006b85; --pi1: #3f6b00; --pi2: #1d3f8f; --pi3: #8a5200; --pi4: #0b1a33; --pi5: #24324d;
  --ps0: #00a8c8; --ps1: #5f9a0c; --ps2: #3D5AFE; --ps3: #d08400; --ps4: #0090b0; --ps5: #5a6b8c;
}
[data-theme=diva] {
  --page: #2a160c; --text: #3B2418; --muted: #6b4a36;
  --font-display: 'Bungee', sans-serif; --font-body: 'Oswald', sans-serif;
  --accent: #E8562A; --accent-ink: #fff; --lime: #1F6B4A; --amber: #F2B33D; --bad: #c0272d;
  --ok: linear-gradient(180deg, #2a8a60, #1F6B4A 55%, #155238); --ok-solid: #1F6B4A; --ok-ink: #fff; --ok-glow: 0 0 0 transparent;
  --near: linear-gradient(180deg, #f9cb66, #F2B33D 60%, #c98a14); --near-solid: #F2B33D; --near-ink: #3B2418; --near-glow: 0 0 0 transparent;
  --miss: linear-gradient(180deg, #7a6352, #5a4536); --miss-ink: #e8d9c4;
  --bg-img: url(../assets/or-bg.webp);
  --bg-game-filter: brightness(.62) saturate(1.1) blur(3px);
  --ic-word: url(../assets/or-ic-word.webp); --ic-trivia: url(../assets/or-ic-trivia.webp); --ic-sudoku: url(../assets/or-ic-sudoku.webp); --ic-nono: url(../assets/or-ic-nono.webp); --ic-plate: url(../assets/or-ic-plate.webp);
  --grain: .05;
  --stamp-filter: none; --stamp-ink: #E8562A;
  --pf0: #ffffff; --pf1: #f6d9a8; --pf2: #e9f2ff; --pf3: #ffe066; --pf4: #e7f5ea; --pf5: #fbe8d8;
  --pi0: #1d3f8f; --pi1: #7a2e12; --pi2: #1d3f8f; --pi3: #b3202a; --pi4: #1a5b33; --pi5: #2b2b2b;
  --ps0: #c0272d; --ps1: #3a6e9e; --ps2: #d38b1c; --ps3: #b3202a; --ps4: #1a5b33; --ps5: #c4512b;
}
[data-theme=bougie] {
  --page: #FAFAF7; --text: #111111; --muted: #6d6d68;
  --font-display: 'Unbounded', sans-serif; --font-body: 'Outfit', sans-serif;
  --accent: #111111; --accent-ink: #fff; --lime: #2BD9A0; --amber: #FFC93C; --bad: #FF5A36;
  --ok: linear-gradient(180deg, #56e6b4, #2BD9A0 55%, #17a877); --ok-solid: #2BD9A0; --ok-ink: #fff; --ok-glow: 0 1.6rem 3rem rgba(43,217,160,.35);
  --near: linear-gradient(180deg, #ffe08a, #FFC93C 60%, #f0b01a); --near-solid: #FFC93C; --near-ink: #111; --near-glow: 0 1.6rem 3rem rgba(240,170,20,.3);
  --miss: linear-gradient(180deg, #d9d9d2, #c4c4bc); --miss-ink: #fff;
  --bg-img: url(../assets/pp-bg.webp);
  --bg-game-filter: none;
  --ic-word: url(../assets/pp-ic-word.webp); --ic-trivia: url(../assets/pp-ic-trivia.webp); --ic-sudoku: url(../assets/pp-ic-sudoku.webp); --ic-nono: url(../assets/pp-ic-nono.webp); --ic-plate: url(../assets/pp-ic-plate.webp);
  --grain: .03;
  --stamp-filter: hue-rotate(228deg) saturate(1.4); --stamp-ink: #3D5AFE;
  --pf0: #ffffff; --pf1: #fff6d6; --pf2: #eef1ff; --pf3: #e3fbf3; --pf4: #fff0eb; --pf5: #f4f4ef;
  --pi0: #111111; --pi1: #111111; --pi2: #3D5AFE; --pi3: #128a63; --pi4: #e0401c; --pi5: #111111;
  --ps0: #FF5A36; --ps1: #c99410; --ps2: #3D5AFE; --ps3: #17a877; --ps4: #FF5A36; --ps5: #3D5AFE;
}