/* ------------------------------------------------------------------ *
 *  advay — light and dark.
 *
 *  Every page defines its own light colours in :root. This file adds the
 *  extra shades those pages use, and then re-declares everything under
 *  html[data-theme="dark"], which wins on specificity whatever the order.
 *
 *  The games keep their own themes — this is only the site around them.
 * ------------------------------------------------------------------ */

:root {
  --hover: #f2ede3;
  --surface-2: #f4f0e7;
  --surface-3: #eee9de;
  --tile: #ffffff;
  --field-2: #fffefb;

  --body: #33302b;
  --excerpt: #4a463f;

  --err-bg: #fdf0ee;
  --err-line: #f0d6d2;
  --err-fg: #a3271d;
  --ok-bg: #eef6ef;
  --ok-line: #cfe3d5;
  --ok-fg: #1c6b3a;
  --busy-bg: #f3f0e9;
  --warn: #a8721d;
  --danger-line: #e0bdb7;

  --muted-2: #a8a29a;
  --muted-3: #8a857c;

  --ring: rgba(28, 26, 23, .05);
  --spin-track: rgba(0, 0, 0, .15);
  --shadow-card: 0 1px 2px rgba(28, 26, 23, .07);
}

html[data-theme="dark"] {
  color-scheme: dark;

  --bg: #131211;
  --card: #1b1a18;
  --field: #1b1a18;
  --field-2: #191816;
  --tile: #262421;

  --line: #2b2926;
  --line-2: #403d38;

  --text: #f3f0e9;
  --ink: #f3f0e9;
  --muted: #a29c92;
  --faint: #756f66;
  --muted-2: #756f66;
  --muted-3: #8a857c;
  --accent: #f3f0e9;

  --hover: #232120;
  --surface-2: #1f1e1c;
  --surface-3: #2a2825;

  --body: #d9d4cb;
  --excerpt: #b9b3a9;

  --err-bg: #2b1615;
  --err-line: #4d2b27;
  --err-fg: #ff9a90;
  --ok-bg: #14231a;
  --ok-line: #264431;
  --ok-fg: #7fd39a;
  --busy-bg: #201e1c;
  --warn: #e0a75a;
  --danger: #ff9a90;
  --danger-line: #5c2b28;

  --ring: rgba(255, 255, 255, .06);
  --spin-track: rgba(255, 255, 255, .18);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .3);
}