/* generated by gen_tokens.py from tokens.json, do not edit */
:root {
  --color-bg: #ffffff;
  --color-surface: #f3f1ed;
  --color-face: #d6d2cb;
  --color-hand: #16130f;
  --color-text: #16130f;
  --color-text-muted: #5e584f;
  --color-control: #6f685e;
  --color-accent: #c27a12;
  --color-on-accent: #1c1206;
  --color-accent-text: #8f5200;
  --color-break-text: #0e6e66;
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;
  --font-rounded: ui-rounded, 'SF Pro Rounded', -apple-system, system-ui, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --text-caption: 12px; --leading-caption: 16px; --weight-caption: 500;
  --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: 28px; --leading-title: 34px; --weight-title: 700;
  --text-display: 34px; --leading-display: 41px; --weight-display: 700;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-sheet: 34px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.10);
  --shadow-pop: 0 12px 32px rgba(0,0,0,.22);
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme: dark) {
 :root:not([data-theme="light"]):not([data-theme="night"]) {
  --color-bg: #000000;
  --color-surface: #1b1916;
  --color-face: #34302b;
  --color-hand: #f6f3ee;
  --color-text: #f6f3ee;
  --color-text-muted: #a9a298;
  --color-control: #8e877c;
  --color-accent: #ffb547;
  --color-on-accent: #1c1206;
  --color-accent-text: #ffb547;
  --color-break-text: #5fd4c4;
 }
}
:root[data-theme="dark"] {
  --color-bg: #000000;
  --color-surface: #1b1916;
  --color-face: #34302b;
  --color-hand: #f6f3ee;
  --color-text: #f6f3ee;
  --color-text-muted: #a9a298;
  --color-control: #8e877c;
  --color-accent: #ffb547;
  --color-on-accent: #1c1206;
  --color-accent-text: #ffb547;
  --color-break-text: #5fd4c4;
}
:root[data-theme="night"] {
  --color-bg: #000000;
  --color-surface: #140b05;
  --color-face: #2a1508;
  --color-hand: #ff7a1a;
  --color-text: #ff7a1a;
  --color-text-muted: #c8641a;
  --color-control: #a5520f;
  --color-accent: #ff7a1a;
  --color-on-accent: #000000;
  --color-accent-text: #ff7a1a;
  --color-break-text: #c9661a;
}