/* generated by gen_tokens.py from tokens.json, do not edit */
:root {
  --color-bg: #f4f5f2;
  --color-surface: #ffffff;
  --color-surface-sunk: #eceee9;
  --color-border: #dde2de;
  --color-rule: #d3dbd6;
  --color-border-input: #7d8a83;
  --color-text: #1b2420;
  --color-text-muted: #55625c;
  --color-accent: #1d6a4e;
  --color-on-accent: #ffffff;
  --color-ink: #1d6a4e;
  --color-pencil: #55625c;
  --color-print: #1b2420;
  --color-stripe: #9a4f00;
  --color-on-stripe: #ffffff;
  --color-cell-selected: #d6ebe0;
  --color-cell-same: #e6ece8;
  --color-cell-error: #fbe4e1;
  --color-grid-line: #cfd8d3;
  --color-box-line: #3a4640;
  --color-danger: #b3261e;
  --color-success: #1d6a4e;
  --text-caption: 12px; --leading-caption: 16px; --weight-caption: 400;
  --text-footnote: 13px; --leading-footnote: 18px; --weight-footnote: 400;
  --text-body: 17px; --leading-body: 22px; --weight-body: 400;
  --text-headline: 17px; --leading-headline: 22px; --weight-headline: 600;
  --text-title: 22px; --leading-title: 28px; --weight-title: 600;
  --text-hand-title: 34px; --leading-hand-title: 38px; --weight-hand-title: 400;
  --text-hand-row: 22px; --leading-hand-row: 26px; --weight-hand-row: 400;
  --text-hand-win: 44px; --leading-hand-win: 48px; --weight-hand-win: 400;
  --text-hand-label: 17px; --leading-hand-label: 22px; --weight-hand-label: 400;
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 44px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-key: 10px;
  --font-hand: 'Pangolin', ui-rounded, system-ui, sans-serif;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
 :root:not([data-theme="light"]) {
  --color-bg: #0e1110;
  --color-surface: #171b19;
  --color-surface-sunk: #121614;
  --color-border: #2a312d;
  --color-rule: #262d29;
  --color-border-input: #7f8c86;
  --color-text: #e8edea;
  --color-text-muted: #9eaaa4;
  --color-accent: #6fcb9f;
  --color-on-accent: #06140d;
  --color-ink: #6fcb9f;
  --color-pencil: #a3aea9;
  --color-print: #e8edea;
  --color-stripe: #ffb366;
  --color-on-stripe: #1f1300;
  --color-cell-selected: #21382d;
  --color-cell-same: #232a26;
  --color-cell-error: #3a1d1a;
  --color-grid-line: #2c3430;
  --color-box-line: #aab6b0;
  --color-danger: #ff8a7a;
  --color-success: #6fcb9f;
 }
}
:root[data-theme="dark"] {
  --color-bg: #0e1110;
  --color-surface: #171b19;
  --color-surface-sunk: #121614;
  --color-border: #2a312d;
  --color-rule: #262d29;
  --color-border-input: #7f8c86;
  --color-text: #e8edea;
  --color-text-muted: #9eaaa4;
  --color-accent: #6fcb9f;
  --color-on-accent: #06140d;
  --color-ink: #6fcb9f;
  --color-pencil: #a3aea9;
  --color-print: #e8edea;
  --color-stripe: #ffb366;
  --color-on-stripe: #1f1300;
  --color-cell-selected: #21382d;
  --color-cell-same: #232a26;
  --color-cell-error: #3a1d1a;
  --color-grid-line: #2c3430;
  --color-box-line: #aab6b0;
  --color-danger: #ff8a7a;
  --color-success: #6fcb9f;
}