/* GENERATED by design/build_tokens.py from design/tokens/*.json — do not edit. */
/* Palette: Pine. Light is the default; dark follows the OS unless the user picked a theme. */

:root {
  --font-sans: ui-sans-serif, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  --font-og-sans: "IBM Plex Sans";
  --font-og-mono: "IBM Plex Mono";
  --size-xs: 11px;
  --size-sm: 12.5px;
  --size-md: 15px;
  --size-lg: 17px;
  --size-xl: 19px;
  --size-2xl: 22px;
  --size-3xl: 26px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-card: 16px;
  --radius-pill: 999px;
  --motion-flip: 240ms;
  --motion-roll: 320ms;
  --motion-pulse: 900ms;
  --motion-fast: 150ms;
  --bg: #FAFDFA;
  --surface: #F0F5F0;
  --border: #DEE5DE;
  --muted: #9EA79F;
  --text-2: #5C675D;
  --ink: #141D15;
  --accent: #388447;
  --accent-strong: #1C6C31;
  --accent-tint: #E5F8E7;
  --on-accent: #FFFFFF;
  --share-1: #206F33;
  --share-2: #468651;
  --share-3: #679C6E;
  --share-4: #87B48D;
  --share-5: #A8CBAC;
  --share-6: #C9E3CB;
  --guest-1: #7C827C;
  --guest-2: #949A94;
  --guest-3: #ADB3AD;
  --guest-4: #C7CCC7;
  --danger: #C9443D;
  --board-bg: #172419;
  --board-cell: #2C382E;
  --board-ink: #F4F2EE;
  --board-dim: #868C83;
  --board-line: #2D392E;
  --board-hi: #99BE9D;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #101511;
    --surface: #1C221D;
    --border: #2C322C;
    --muted: #747D75;
    --text-2: #B2BAB2;
    --ink: #ECF0EC;
    --accent: #89D294;
    --accent-strong: #AFE4B5;
    --accent-tint: #19291B;
    --on-accent: #101511;
    --share-1: #86D391;
    --share-2: #72B57C;
    --share-3: #5E9767;
    --share-4: #4C7A53;
    --share-5: #3A5F3F;
    --share-6: #29452D;
    --guest-1: #8D948E;
    --guest-2: #767C76;
    --guest-3: #5F655F;
    --guest-4: #494F49;
    --danger: #FB8276;
    --board-bg: #18211A;
    --board-cell: #2D352F;
    --board-ink: #F4F2EE;
    --board-dim: #868A84;
    --board-line: #2E362F;
    --board-hi: #89D294;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #101511;
  --surface: #1C221D;
  --border: #2C322C;
  --muted: #747D75;
  --text-2: #B2BAB2;
  --ink: #ECF0EC;
  --accent: #89D294;
  --accent-strong: #AFE4B5;
  --accent-tint: #19291B;
  --on-accent: #101511;
  --share-1: #86D391;
  --share-2: #72B57C;
  --share-3: #5E9767;
  --share-4: #4C7A53;
  --share-5: #3A5F3F;
  --share-6: #29452D;
  --guest-1: #8D948E;
  --guest-2: #767C76;
  --guest-3: #5F655F;
  --guest-4: #494F49;
  --danger: #FB8276;
  --board-bg: #18211A;
  --board-cell: #2D352F;
  --board-ink: #F4F2EE;
  --board-dim: #868A84;
  --board-line: #2E362F;
  --board-hi: #89D294;
  color-scheme: dark;
}