/* GENERATED by tools/design-tokens/gen.py — run `make tokens`. Do not edit. */
:root {
  color-scheme: light;
  --ground: #FAF8F4;
  --chrome: #FFFFFF;
  --chrome-hi: #F0EEE9;
  --card: #FFFFFF;
  --inset: #F5F3EF;
  --rule: #EAE8E2;
  --border: #D7D4CD;
  --border-strong: #BAB7AF;
  --label: #676872;
  --text-dim: #595A65;
  --text: #2C2D38;
  --text-hi: #14151F;
  --accent: #0C7B60;
  --accent-hi: #00644A;
  --accent-border: #77B39E;
  --accent-tint: #D9F2E8;
  --accent-toast: #C5ECDD;
  --accent-on-tint: #004531;
  --ok: #3C7C4C;
  --warn: #A07020;
  --danger: #A03E43;
  --danger-border: #E1A6A5;
  --app-tr: #6C5594;
  --tag-1: #A3484B;
  --tag-2: #905D00;
  --tag-3: #287C42;
  --tag-4: #0074A0;
  --tag-5: #7457A3;
  --tag-6: #9A4873;
  --seat-1: #436EB4;
  --seat-2: #A94E51;
  --seat-3: #2F8247;
  --seat-4: #976200;
  --seat-5: #7A5DA9;
  --seat-6: #008384;
  --seat-7: #955290;
  --seat-8: #667815;
  --app-wb: #0C7B60;
  --app-kb: #A07020;
  --app-nt: #3C7C4C;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ground: #171B20;
    --chrome: #101318;
    --chrome-hi: #22272D;
    --card: #1E2228;
    --inset: #0C0E13;
    --rule: #25292F;
    --border: #34383F;
    --border-strong: #484D56;
    --label: #767B82;
    --text-dim: #8C8F95;
    --text: #CED1D6;
    --text-hi: #E6E8EB;
    --accent: #60B196;
    --accent-hi: #79CAAF;
    --accent-border: #2F6050;
    --accent-tint: #172B24;
    --accent-toast: #183A2F;
    --accent-on-tint: #A7DBC8;
    --ok: #8EC899;
    --warn: #D5B36A;
    --danger: #CC8B8A;
    --danger-border: #643A3A;
    --app-tr: #AB9BCB;
    --tag-1: #D78E8D;
    --tag-2: #BFA060;
    --tag-3: #7BB587;
    --tag-4: #5DB2CC;
    --tag-5: #AD98D5;
    --tag-6: #D08DAC;
    --seat-1: #86ACEA;
    --seat-2: #E39191;
    --seat-3: #7CBD89;
    --seat-4: #C8A65D;
    --seat-5: #B49CE1;
    --seat-6: #50BFBE;
    --seat-7: #CF94C9;
    --seat-8: #A3B46B;
    --app-wb: #60B196;
    --app-kb: #D5B36A;
    --app-nt: #8EC899;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ground: #171B20;
  --chrome: #101318;
  --chrome-hi: #22272D;
  --card: #1E2228;
  --inset: #0C0E13;
  --rule: #25292F;
  --border: #34383F;
  --border-strong: #484D56;
  --label: #767B82;
  --text-dim: #8C8F95;
  --text: #CED1D6;
  --text-hi: #E6E8EB;
  --accent: #60B196;
  --accent-hi: #79CAAF;
  --accent-border: #2F6050;
  --accent-tint: #172B24;
  --accent-toast: #183A2F;
  --accent-on-tint: #A7DBC8;
  --ok: #8EC899;
  --warn: #D5B36A;
  --danger: #CC8B8A;
  --danger-border: #643A3A;
  --app-tr: #AB9BCB;
  --tag-1: #D78E8D;
  --tag-2: #BFA060;
  --tag-3: #7BB587;
  --tag-4: #5DB2CC;
  --tag-5: #AD98D5;
  --tag-6: #D08DAC;
  --seat-1: #86ACEA;
  --seat-2: #E39191;
  --seat-3: #7CBD89;
  --seat-4: #C8A65D;
  --seat-5: #B49CE1;
  --seat-6: #50BFBE;
  --seat-7: #CF94C9;
  --seat-8: #A3B46B;
  --app-wb: #60B196;
  --app-kb: #D5B36A;
  --app-nt: #8EC899;
}