/* Generated by scripts/build-tokens.py from design/tokens.json. Do not edit. */
:root {
  --font-latin: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-hanzi: 'Noto Serif SC', 'Songti SC', 'SimSun', 'Noto Serif CJK SC', serif;
  --font-hanzi-ui: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;
  --font-display: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
  --size-xs: 0.8125rem;
  --size-sm: 0.9375rem;
  --size-base: 1.0625rem;
  --size-md: 1.25rem;
  --size-lg: 1.5rem;
  --size-xl: 2rem;
  --size-2xl: 2.75rem;
  --size-3xl: 3.5rem;
  --radius-sheet: 12px;
  --radius-popup: 10px;
  --radius-control: 8px;
  --radius-key: 5px;
  --radius-pill: 999px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --measure-text: 38rem;
  --measure-page: 72rem;
  --c-page: #F3F4F6;
  --c-sheet: #FFFFFF;
  --c-ink: #181B21;
  --c-muted: #5B6371;
  --c-rule: #DCE0E6;
  --c-brand: #A50A17;
  --c-brand-ink: #FFFFFF;
  --c-brand-soft: #F7E7E8;
  --c-focus: #1565C0;
  --c-highlight: rgba(255, 193, 7, 0.24);
  --c-shadow: rgba(24, 27, 33, 0.10);
  --c-window: #FFFFFF;
  --tone-1: #D32F2F;
  --tone-2: #BF360C;
  --tone-3: #2E7D32;
  --tone-4: #1565C0;
  --tone-5: #424242;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-page: #14161A;
    --c-sheet: #1D2026;
    --c-ink: #EAECEF;
    --c-muted: #A3AAB6;
    --c-rule: #30343C;
    --c-brand: #E8939A;
    --c-brand-ink: #1A0F10;
    --c-brand-soft: #3A2224;
    --c-focus: #42A5F5;
    --c-highlight: rgba(255, 193, 7, 0.16);
    --c-shadow: rgba(0, 0, 0, 0.40);
    --c-window: #FFFFFF;
    --tone-1: #EF5350;
    --tone-2: #FF9800;
    --tone-3: #66BB6A;
    --tone-4: #42A5F5;
    --tone-5: #BDBDBD;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --c-page: #14161A;
  --c-sheet: #1D2026;
  --c-ink: #EAECEF;
  --c-muted: #A3AAB6;
  --c-rule: #30343C;
  --c-brand: #E8939A;
  --c-brand-ink: #1A0F10;
  --c-brand-soft: #3A2224;
  --c-focus: #42A5F5;
  --c-highlight: rgba(255, 193, 7, 0.16);
  --c-shadow: rgba(0, 0, 0, 0.40);
  --c-window: #FFFFFF;
  --tone-1: #EF5350;
  --tone-2: #FF9800;
  --tone-3: #66BB6A;
  --tone-4: #42A5F5;
  --tone-5: #BDBDBD;
  color-scheme: dark;
}