/*
  Dark comparison (experiment). Loaded after style.css by index-dark.html only.
  Same deck, same geometry, same content: only the surrounding materials change.
  The page is the same physical world at night: blackened steel and dark concrete
  under low ambient light, with warm paper-white type.
  deck.js writes --surface and --card-shadow inline on <html>; the !important
  values below take precedence without touching deck.js.
*/
:root {
  --surface: #1b1a18 !important;   /* charcoal table, a touch warm; not black */
  --paper: #2a2825;                /* behind artifacts while they load */
  --charcoal: #e7e2d8;             /* type: warm off-white, uncoated paper at night */
  --charcoal-2: #9d978c;           /* secondary: recedes, stays readable */
  --concrete: #2b2a27;             /* placeholder ground */
  --concrete-dark: #8a857b;
  /* objects on a dark table: a hairline where the card edge catches room light,
     a tight contact shadow and a soft deep ambient one. No glow, no backlight. */
  --card-shadow:
    0 0 0 0.5px rgba(236, 228, 212, 0.07),
    0 1px 2px rgba(0, 0, 0, 0.45),
    0 14px 30px -10px rgba(0, 0, 0, 0.65) !important;
}
.placeholder { outline-color: rgba(231, 226, 216, 0.22); }
.tune { background: rgba(32, 31, 28, 0.97); border-color: rgba(231, 226, 216, 0.14); }