/* Generated from design-system/tokens.json by scripts/tokens-to-css.mjs. Do not edit. */
:root {
  --bg: #0f1318;
  --surface: #151a21;
  --surface-raised: #1c232c;
  --line: #2c3540;
  --line-strong: #66737f;
  --ink: #e4e8ed;
  --ink-muted: #a3adb8;
  --ink-faint: #87929e;
  --metal: #9aa6b2;
  --metal-soft: #3b4652;
  --focus: #8fb8ff;
  --caution: #d9826a;
  --caution-ink: #eba892;
  --caution-wash: #261a17;
  --garnet: #c27080;
  --garnet-ink: #e3a0ac;
  --garnet-wash: #251a1f;
  --plum: #a38bc6;
  --plum-ink: #c8b6e0;
  --plum-wash: #1f1b29;
  --verdigris: #5fa89c;
  --verdigris-ink: #8fcbc0;
  --verdigris-wash: #152320;
  --glacier: #6e9fcf;
  --glacier-ink: #a4c5e6;
  --glacier-wash: #16202c;
  --on-spot: #0f1318;
  --game-masq: var(--plum);
  --game-masq-ink: var(--plum-ink);
  --game-masq-wash: var(--plum-wash);
  --game-starfall: var(--garnet);
  --game-starfall-ink: var(--garnet-ink);
  --game-starfall-wash: var(--garnet-wash);
  --font-display: "Marcellus", "Cormorant Garamond", Georgia, serif;
  --font-caps: "Marcellus SC", "Marcellus", Georgia, serif;
  --font-sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;
  --measure: 68ch;
  --content-max: 1120px;
  --header-h: 64px;
  --border-hairline: 1px;
  --border-spot: 3px;
  --corner-size: 14px;
}
[data-theme="light"] {
  --bg: #eceff2;
  --surface: #f6f8fa;
  --surface-raised: #ffffff;
  --line: #d0d6dd;
  --line-strong: #7a8592;
  --ink: #141920;
  --ink-muted: #46515e;
  --ink-faint: #5f6a77;
  --metal: #66717e;
  --metal-soft: #bcc4cd;
  --focus: #1f5fc4;
  --caution: #a94a32;
  --caution-ink: #963f29;
  --caution-wash: #f7ebe7;
  --garnet: #9a3c4e;
  --garnet-ink: #8a3243;
  --garnet-wash: #f5e8eb;
  --plum: #6a4f8e;
  --plum-ink: #5d4380;
  --plum-wash: #eee8f5;
  --verdigris: #2e6f66;
  --verdigris-ink: #28635b;
  --verdigris-wash: #e3f0ee;
  --glacier: #2f5f91;
  --glacier-ink: #2a5684;
  --glacier-wash: #e4ecf5;
  --on-spot: #ffffff;
  --game-masq: var(--plum);
  --game-masq-ink: var(--plum-ink);
  --game-masq-wash: var(--plum-wash);
  --game-starfall: var(--garnet);
  --game-starfall-ink: var(--garnet-ink);
  --game-starfall-wash: var(--garnet-wash);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #eceff2;
    --surface: #f6f8fa;
    --surface-raised: #ffffff;
    --line: #d0d6dd;
    --line-strong: #7a8592;
    --ink: #141920;
    --ink-muted: #46515e;
    --ink-faint: #5f6a77;
    --metal: #66717e;
    --metal-soft: #bcc4cd;
    --focus: #1f5fc4;
    --caution: #a94a32;
    --caution-ink: #963f29;
    --caution-wash: #f7ebe7;
    --garnet: #9a3c4e;
    --garnet-ink: #8a3243;
    --garnet-wash: #f5e8eb;
    --plum: #6a4f8e;
    --plum-ink: #5d4380;
    --plum-wash: #eee8f5;
    --verdigris: #2e6f66;
    --verdigris-ink: #28635b;
    --verdigris-wash: #e3f0ee;
    --glacier: #2f5f91;
    --glacier-ink: #2a5684;
    --glacier-wash: #e4ecf5;
    --on-spot: #ffffff;
    --game-masq: var(--plum);
    --game-masq-ink: var(--plum-ink);
    --game-masq-wash: var(--plum-wash);
    --game-starfall: var(--garnet);
    --game-starfall-ink: var(--garnet-ink);
    --game-starfall-wash: var(--garnet-wash);
  }
}