/* Light theme: the LuMar tokens re-stepped for a light page (dark is brand/tokens.css).
 * <html data-theme="light"> forces it; data-theme="auto" follows the system setting.
 * The board, cards and dice keep their own colours in both themes: they're the "table".
 */

:root { color-scheme: dark; }

/* chart tokens (rollstats.css), dark values */
:root {
  --rs-bar: #b79a70;
  --rs-seven: #d4727c;
  --rs-expected: #efe5d3;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f1ea;
  --surface: #fffdf9;
  --surface-2: #f1eae1;
  --border: #ddd1c3;
  --text: #211b17;
  --muted: #6b6158;
  --orange: #a33641;
  --orange-dim: #8a3039;
  --orange-glow: rgba(175, 61, 71, 0.10);
  --brass-glow: rgba(183, 154, 112, 0.16);
  --link-hover: #8a2e38;
  --accent-border-medium: rgba(163, 54, 65, 0.35);
  --accent-border-strong: rgba(163, 54, 65, 0.55);
  --accent-faint: rgba(163, 54, 65, 0.07);
  --accent-dot-shadow: rgba(163, 54, 65, 0.25);
  --pill-accent-border: rgba(140, 110, 70, 0.45);
  --shadow: 0 10px 30px rgba(60, 40, 20, 0.12);
  --found: #2f7d4c;
  --missing: #b33d48;
  --pending: #8a6618;
  --partial: #8f7448;
  --owned: #8f7448;
  --tag: #7d6240;
  --rs-bar: #8f7448;
  --rs-seven: #b33d48;
  --rs-expected: #4a3f37;
  /* board backdrops per tile style */
  --board-plain: #d7e2ec;
  --board-flat: #dce5f2;
  --board-neon: #e6e2f0;
  --board-neon-edge: #cfc6e0;
  --board-parchment: radial-gradient(ellipse at center, #efe3cb 0%, #e3d2b2 70%, #d6c29c 100%);
  --board-parchment-edge: #cdb68c;
  --board-pixel: #d9ddef;
  --board-lowpoly: #d9e4ee;
  --board-mario: #9ed4ff;
  --board-zelda: #d5e8cc;
  --board-zelda-edge: #8aab78;
  --board-bebop: #242836;
  --board-bebop-edge: #3a342c;
  --fog-plain: #9aa5b1;
  --fog-plain-q: #f4f1ec;
}

@media (prefers-color-scheme: light) {
  :root[data-theme="auto"] {
    color-scheme: light;
    --bg: #f6f1ea;
    --surface: #fffdf9;
    --surface-2: #f1eae1;
    --border: #ddd1c3;
    --text: #211b17;
    --muted: #6b6158;
    --orange: #a33641;
    --orange-dim: #8a3039;
    --orange-glow: rgba(175, 61, 71, 0.10);
    --brass-glow: rgba(183, 154, 112, 0.16);
    --link-hover: #8a2e38;
    --accent-border-medium: rgba(163, 54, 65, 0.35);
    --accent-border-strong: rgba(163, 54, 65, 0.55);
    --accent-faint: rgba(163, 54, 65, 0.07);
    --accent-dot-shadow: rgba(163, 54, 65, 0.25);
    --pill-accent-border: rgba(140, 110, 70, 0.45);
    --shadow: 0 10px 30px rgba(60, 40, 20, 0.12);
    --found: #2f7d4c;
    --missing: #b33d48;
    --pending: #8a6618;
    --partial: #8f7448;
    --owned: #8f7448;
    --tag: #7d6240;
    --rs-bar: #8f7448;
    --rs-seven: #b33d48;
    --rs-expected: #4a3f37;
    /* board backdrops per tile style */
    --board-plain: #d7e2ec;
    --board-flat: #dce5f2;
    --board-neon: #e6e2f0;
    --board-neon-edge: #cfc6e0;
    --board-parchment: radial-gradient(ellipse at center, #efe3cb 0%, #e3d2b2 70%, #d6c29c 100%);
    --board-parchment-edge: #cdb68c;
    --board-pixel: #d9ddef;
    --board-lowpoly: #d9e4ee;
  --board-mario: #9ed4ff;
  --board-zelda: #d5e8cc;
  --board-zelda-edge: #8aab78;
  --board-bebop: #242836;
  --board-bebop-edge: #3a342c;
    --fog-plain: #9aa5b1;
    --fog-plain-q: #f4f1ec;
  }
}