/* 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-wb: #9E9E9E;
  --app-tr: #6C5594;
  --app-vd: #2266A4;
  --app-md: #9C5313;
  --app-ds: #007A8F;
  --app-fl: #007766;
  --app-ch: #9E427B;
  --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-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-wb: #FFFFFF;
    --app-tr: #AB9BCB;
    --app-vd: #79A9DB;
    --app-md: #DC9A6C;
    --app-ds: #51BCCE;
    --app-fl: #5EB7A7;
    --app-ch: #DC8EBB;
    --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-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-wb: #FFFFFF;
  --app-tr: #AB9BCB;
  --app-vd: #79A9DB;
  --app-md: #DC9A6C;
  --app-ds: #51BCCE;
  --app-fl: #5EB7A7;
  --app-ch: #DC8EBB;
  --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-kb: #D5B36A;
  --app-nt: #8EC899;
}
:root[data-theme="dos"] {
  color-scheme: dark;
  --ground: #000000;
  --chrome: #111111;
  --chrome-hi: #333333;
  --card: #161616;
  --inset: #0A0A0A;
  --rule: #2A2A2A;
  --border: #555555;
  --border-strong: #AAAAAA;
  --label: #777777;
  --text-dim: #888888;
  --text: #AAAAAA;
  --text-hi: #FFFFFF;
  --accent: #FFFFFF;
  --accent-hi: #FFFFFF;
  --accent-border: #AAAAAA;
  --accent-tint: #222222;
  --accent-toast: #333333;
  --accent-on-tint: #FFFFFF;
  --ok: #55FF55;
  --warn: #FFFF55;
  --danger: #FF5555;
  --danger-border: #AA0000;
  --app-wb: #FFFFFF;
  --app-tr: #FF55FF;
  --app-vd: #5555FF;
  --app-md: #FFAA00;
  --app-ds: #55FFFF;
  --app-fl: #00AAAA;
  --app-ch: #FF5555;
  --tag-1: #FF5555;
  --tag-2: #FFFF55;
  --tag-3: #55FF55;
  --tag-4: #55FFFF;
  --tag-5: #FF55FF;
  --tag-6: #5555FF;
  --seat-1: #5555FF;
  --seat-2: #FF5555;
  --seat-3: #55FF55;
  --seat-4: #FFFF55;
  --seat-5: #FF55FF;
  --seat-6: #55FFFF;
  --seat-7: #FFFFFF;
  --seat-8: #AAAAAA;
  --app-kb: #FFFF55;
  --app-nt: #55FF55;
}