/* Generated from docs/design-system/tokens.json by website/build.mjs. Do not edit. */
:root { color-scheme: light; }
:root[data-theme="light"] {
  --surface: #efe6d2;
  --surface-raised: #f7f1e3;
  --surface-sunk: #e4d9c1;
  --ink: #2e2a2a;
  --ink-muted: #6b5644;
  --rule: #b9a988;
  --rule-strong: #8c7358;
  --focus: #2e5fa8;
  --lamp-ink: #8a5410;
  --live: #4e6b3a;
  --hearthguard: #3f6299;
  --rustcoats: #9a4330;
  --mustard: #7a5f1c;
  --on-faction: #efe6d2;
  --scrim: rgba(46,42,42,0.35);
  --shadow-clay: 0 2px 0 rgba(46,42,42,0.10), 0 8px 18px rgba(46,42,42,0.16);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="day"]):not([data-theme="light"]) {
    --surface: #1b2230;
    --surface-raised: #252e3e;
    --surface-sunk: #141a25;
    --ink: #efe6d2;
    --ink-muted: #a9b1bc;
    --rule: #4a5568;
    --rule-strong: #7a8699;
    --focus: #f2b067;
    --lamp-ink: #f2b067;
    --live: #a9c48e;
    --hearthguard: #9db8e4;
    --rustcoats: #e39a84;
    --mustard: #e2c27a;
    --on-faction: #1b2230;
    --scrim: rgba(0,0,0,0.55);
    --shadow-clay: 0 2px 0 rgba(0,0,0,0.35), 0 10px 22px rgba(0,0,0,0.45);
    color-scheme: dark;
  }
}
:root[data-theme="night"], :root[data-theme="dark"] {
  --surface: #1b2230;
  --surface-raised: #252e3e;
  --surface-sunk: #141a25;
  --ink: #efe6d2;
  --ink-muted: #a9b1bc;
  --rule: #4a5568;
  --rule-strong: #7a8699;
  --focus: #f2b067;
  --lamp-ink: #f2b067;
  --live: #a9c48e;
  --hearthguard: #9db8e4;
  --rustcoats: #e39a84;
  --mustard: #e2c27a;
  --on-faction: #1b2230;
  --scrim: rgba(0,0,0,0.55);
  --shadow-clay: 0 2px 0 rgba(0,0,0,0.35), 0 10px 22px rgba(0,0,0,0.45);
  color-scheme: dark;
}