/* GENERATED by scripts/generate-site-theme.ts from design-system/tokens.json. Do not edit. */
:root {
  --player-1: #7FA7FF;
  --player-2: #FF9A6B;
  --player-3: #C49BFF;
  --player-4: #5FD4C6;
  --player-5: #F2C14E;
  --player-6: #F78FB3;
  --player-7: #9BD36A;
  --player-8: #B0BEC5;
  --player-on: #10140F;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-card: 20px;
  --radius-sheet: 26px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 20px;
  --space-9: 24px;
  --space-10: 32px;
  --c-bg: #0D1520;
  --c-surface: #152131;
  --c-surface2: #1E2D42;
  --c-line: #293A52;
  --c-text: #EDF2F8;
  --c-muted: #9AA9BD;
  --c-accent: #FF8A5B;
  --c-onAccent: #1F0D04;
  --c-accentInk: #FF9C73;
  --c-good: #5DD6B0;
  --c-goodBg: rgba(93,214,176,.14);
  --c-bad: #FF8FA0;
  --c-badBg: rgba(255,143,160,.14);
  --c-suitRed: #FF8FA0;
  --c-scrim: rgba(3,7,12,.70);
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
  --c-bg: #F2F5F8;
  --c-surface: #FFFFFF;
  --c-surface2: #E4EAF1;
  --c-line: #D3DCE6;
  --c-text: #13202E;
  --c-muted: #536273;
  --c-accent: #FF8A5B;
  --c-onAccent: #1F0D04;
  --c-accentInk: #A8431A;
  --c-good: #0F7457;
  --c-goodBg: rgba(15,116,87,.10);
  --c-bad: #B42B45;
  --c-badBg: rgba(180,43,69,.10);
  --c-suitRed: #B42B45;
  --c-scrim: rgba(19,32,46,.45);
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --c-bg: #F2F5F8;
  --c-surface: #FFFFFF;
  --c-surface2: #E4EAF1;
  --c-line: #D3DCE6;
  --c-text: #13202E;
  --c-muted: #536273;
  --c-accent: #FF8A5B;
  --c-onAccent: #1F0D04;
  --c-accentInk: #A8431A;
  --c-good: #0F7457;
  --c-goodBg: rgba(15,116,87,.10);
  --c-bad: #B42B45;
  --c-badBg: rgba(180,43,69,.10);
  --c-suitRed: #B42B45;
  --c-scrim: rgba(19,32,46,.45);
  color-scheme: light;
}