/* =============================================================
   TEMPORARY — theme tester palettes.
   Delete this file, its <link>, and the .theme-tester block in
   index.html once you've picked one. To keep a theme permanently,
   copy its variables into :root in style.css.
   ============================================================= */

/* --bg          page background
   --bg-raised   cards, keys, deck body
   --border      visible borders
   --border-soft quieter borders
   --text        body text
   --muted       secondary text
   --gold        accent (buttons, links, markers)
   --gold-bright accent highlight
   --ink         text drawn ON the accent — must stay dark          */

[data-theme="molten"] {
  --bg:#14100c; --bg-raised:#1e1811; --border:#352a1e; --border-soft:#2a2118;
  --text:#f0e8dc; --muted:#a2917c; --gold:#db9c00; --gold-bright:#f5b81f; --ink:#2f1a10;
}
[data-theme="arcane"] {
  --bg:#0f0c1a; --bg-raised:#1a1630; --border:#2e2650; --border-soft:#241e40;
  --text:#eae6f7; --muted:#9a92b8; --gold:#9b6bff; --gold-bright:#b98cff; --ink:#120a24;
}
[data-theme="frost"] {
  --bg:#0a1118; --bg-raised:#131e29; --border:#22323f; --border-soft:#1a2733;
  --text:#e6f1f7; --muted:#8ba3b3; --gold:#4bc4f5; --gold-bright:#7ad8ff; --ink:#04161f;
}
[data-theme="fel"] {
  --bg:#0b0f0a; --bg-raised:#141b12; --border:#25301f; --border-soft:#1c2518;
  --text:#e9f2e4; --muted:#8fa385; --gold:#7bd442; --gold-bright:#9bef62; --ink:#0a1505;
}
[data-theme="blood"] {
  --bg:#130c0c; --bg-raised:#1f1414; --border:#3a2222; --border-soft:#2c1a1a;
  --text:#f5e9e9; --muted:#a88c8c; --gold:#d63c3c; --gold-bright:#f45c5c; --ink:#1d0606;
}
[data-theme="void"] {
  --bg:#0d0a12; --bg-raised:#171122; --border:#2c1f3f; --border-soft:#221833;
  --text:#efe7f5; --muted:#9d8fae; --gold:#d451e8; --gold-bright:#ef78ff; --ink:#16051c;
}
[data-theme="slate"] {
  --bg:#101317; --bg-raised:#1a1f25; --border:#2b323b; --border-soft:#222831;
  --text:#eef1f5; --muted:#93a0af; --gold:#4d9df5; --gold-bright:#79b8ff; --ink:#04101d;
}
[data-theme="midnight"] {
  --bg:#0a0f1c; --bg-raised:#131a2c; --border:#232d47; --border-soft:#1b2338;
  --text:#eaeefa; --muted:#8d99b8; --gold:#e8b53f; --gold-bright:#ffcf63; --ink:#0d0a02;
}
[data-theme="forest"] {
  --bg:#0b120e; --bg-raised:#141d18; --border:#243026; --border-soft:#1b241d;
  --text:#e8f1ea; --muted:#8ba393; --gold:#54c98a; --gold-bright:#7ce8ac; --ink:#04150c;
}
[data-theme="copper"] {
  --bg:#131111; --bg-raised:#1e1a19; --border:#352d2a; --border-soft:#282220;
  --text:#f3ece8; --muted:#a0918a; --gold:#c97f4a; --gold-bright:#e89b63; --ink:#190c04;
}
[data-theme="steel"] {
  --bg:#0f1214; --bg-raised:#181d21; --border:#283036; --border-soft:#1f262b;
  --text:#eaeef1; --muted:#8f9ca5; --gold:#7fa8c9; --gold-bright:#a3c7e3; --ink:#0a141b;
}
[data-theme="nightshade"] {
  --bg:#120c14; --bg-raised:#1d1421; --border:#332338; --border-soft:#271a2b;
  --text:#f4e9f3; --muted:#a48fa4; --gold:#e8639b; --gold-bright:#ff88b7; --ink:#1b0512;
}
[data-theme="abyss"] {
  --bg:#08130f; --bg-raised:#0f1f19; --border:#1c332a; --border-soft:#152720;
  --text:#e4f2ec; --muted:#84a598; --gold:#2fd3a7; --gold-bright:#5ff0c8; --ink:#02150e;
}
[data-theme="solar"] {
  --bg:#0f0f0d; --bg-raised:#1a1a16; --border:#2f2e26; --border-soft:#24231d;
  --text:#f4f2e8; --muted:#9d9a89; --gold:#ffd233; --gold-bright:#ffe373; --ink:#171200;
}
[data-theme="ash"] {
  --bg:#111213; --bg-raised:#1b1d1f; --border:#2d3033; --border-soft:#232629;
  --text:#f0f1f2; --muted:#9aa0a6; --gold:#d8dde3; --gold-bright:#ffffff; --ink:#101214;
}
[data-theme="royal"] {
  --bg:#0b0e1a; --bg-raised:#141a2e; --border:#242e4d; --border-soft:#1b2340;
  --text:#eceffa; --muted:#8f9bc0; --gold:#f0a92c; --gold-bright:#ffc75a; --ink:#120b00;
}
[data-theme="toxic"] {
  --bg:#101208; --bg-raised:#1a1d0f; --border:#2d3119; --border-soft:#222614;
  --text:#f0f2e2; --muted:#9ba184; --gold:#c3e836; --gold-bright:#dcff66; --ink:#141700;
}
[data-theme="rose"] {
  --bg:#131011; --bg-raised:#1e1a1b; --border:#352c2e; --border-soft:#282122;
  --text:#f5edee; --muted:#a5928f; --gold:#e08a7a; --gold-bright:#ffab9b; --ink:#1c0805;
}
[data-theme="ice"] {
  --bg:#0d1114; --bg-raised:#161d22; --border:#263139; --border-soft:#1d252b;
  --text:#eaf2f6; --muted:#8fa2ad; --gold:#a8d8e8; --gold-bright:#cdecf7; --ink:#07151c;
}
[data-theme="mono"] {
  --bg:#0c0c0c; --bg-raised:#161616; --border:#282828; --border-soft:#1f1f1f;
  --text:#ededed; --muted:#8f8f8f; --gold:#bdbdbd; --gold-bright:#f0f0f0; --ink:#0a0a0a;
}

/* ---- the picker itself ---- */
.theme-tester {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.7rem;
  background: var(--bg-raised);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  font-size: 0.8rem;
  color: var(--muted);
}

.theme-tester label {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.68rem;
}

.theme-tester select {
  background: var(--bg);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0.3rem 0.4rem;
  font: inherit;
}

@media (max-width: 560px) {
  .theme-tester { right: 0.5rem; bottom: 0.5rem; }
  .theme-tester label { display: none; }
}