/* Generated by ios/Scripts/generate-tokens.py from design/design-system/tokens.json. Do not edit. */

:root {
  color-scheme: light dark;
  --font-display: "League Gothic", Impact, "Arial Narrow", sans-serif;
  --font-sans: "Work Sans", system-ui, -apple-system, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-card: 20px;
  --radius-sheet: 34px;
  --radius-pill: 999px;
  --hit-min: 44px;
  --button-height: 52px;
  --tabbar-height: 62px;
  --thumb-size: 64px;
  --type-display-xl-size: 168px;
  --type-display-xl-line: 0.86;
  --type-display-l-size: 72px;
  --type-display-l-line: 0.92;
  --type-display-m-size: 48px;
  --type-display-m-line: 0.92;
  --type-display-s-size: 30px;
  --type-display-s-line: 0.92;
  --type-display-xs-size: 20px;
  --type-display-xs-line: 1;
  --type-note-lg-size: 21px;
  --type-note-lg-line: 30px;
  --type-body-size: 17px;
  --type-body-line: 24px;
  --type-button-size: 17px;
  --type-button-line: 22px;
  --type-note-size: 15px;
  --type-note-line: 21px;
  --type-label-size: 15px;
  --type-label-line: 20px;
  --type-caption-size: 13px;
  --type-caption-line: 18px;
  --type-meta-size: 11px;
  --type-meta-line: 14px;
  --type-tab-size: 11px;
  --type-tab-line: 13px;
  --paper: #F4EADA;
  --paper-raised: #FBF5EA;
  --ink: #2B2420;
  --ink-muted: #6E6452;
  --faded: #9A8F7C;
  --rule: #D9CBB4;
  --selected-fill: #E6D8C0;
  --terracotta: #C8502B;
  --terracotta-deep: #A8401F;
  --on-accent: #F4EADA;
  --floodlight: #E0A02E;
  --on-floodlight: #2B2420;
  --pitch: #1E4A3C;
  --pitch-deep: #173A2F;
  --on-pitch: #F4EADA;
  --on-pitch-muted: #CFC3AE;
  --editor-ground: #1B1714;
  --editor-rule: #3A302A;
  --sticker-paper: #F4EADA;
  --sticker-ink: #2B2420;
  --stamp: #C8502B;
  --shadow-print: 0 2px 0 rgba(43,36,32,0.12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #1B1714;
    --paper-raised: #241F1B;
    --ink: #F4EADA;
    --ink-muted: #B3A792;
    --faded: #6E6452;
    --rule: #3A302A;
    --selected-fill: #2E2722;
    --terracotta: #D9603A;
    --terracotta-deep: #A8401F;
    --on-accent: #F4EADA;
    --floodlight: #E8A93A;
    --on-floodlight: #2B2420;
    --pitch: #275645;
    --pitch-deep: #12312A;
    --on-pitch: #F4EADA;
    --on-pitch-muted: #CFC3AE;
    --editor-ground: #1B1714;
    --editor-rule: #3A302A;
    --sticker-paper: #F4EADA;
    --sticker-ink: #2B2420;
    --stamp: #C8502B;
    --shadow-print: 0 2px 0 rgba(0,0,0,0.45);
  }
}

:root[data-theme="dark"] {
  --paper: #1B1714;
  --paper-raised: #241F1B;
  --ink: #F4EADA;
  --ink-muted: #B3A792;
  --faded: #6E6452;
  --rule: #3A302A;
  --selected-fill: #2E2722;
  --terracotta: #D9603A;
  --terracotta-deep: #A8401F;
  --on-accent: #F4EADA;
  --floodlight: #E8A93A;
  --on-floodlight: #2B2420;
  --pitch: #275645;
  --pitch-deep: #12312A;
  --on-pitch: #F4EADA;
  --on-pitch-muted: #CFC3AE;
  --editor-ground: #1B1714;
  --editor-rule: #3A302A;
  --sticker-paper: #F4EADA;
  --sticker-ink: #2B2420;
  --stamp: #C8502B;
  --shadow-print: 0 2px 0 rgba(0,0,0,0.45);
}