/* Leaf design tokens. GENERATED by tools/tokens/build_tokens.py from tokens/tokens.json.
 * Do not edit by hand. */

:root {
  --font-reading: Literata, Georgia, 'Noto Serif', serif;
  --font-ui: 'Atkinson Hyperlegible Next', system-ui, Roboto, sans-serif;
  --font-system-serif: Georgia, 'Noto Serif', serif;
  --body-size: 19px;
  --leading-compact: 1.4;
  --leading-normal: 1.55;
  --leading-airy: 1.7;
  --scale-meta: 0.8;
  --scale-h3: 1.1;
  --scale-h2: 1.3;
  --scale-h1: 1.6;
  --scale-key-line: 1.12;
  --indent: 1.2em;
  --measure: 34em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --side: max(20px, 5vw);
  --page-top: 24px;
  --page-bottom: 32px;
  --row: 56px;
  --target: 44px;
  --radius: 4px;
  --hairline: 1px;
  --focus: 2px;
  --margin-factor-narrow: 0.7;
  --margin-factor-normal: 1;
  --margin-factor-wide: 1.5;
}

:root, :root[data-theme="paper"] {
  --paper: #F4F1EA;
  --paper-2: #EAE5DA;
  --ink: #1B1915;
  --ink-2: #59534A;
  --ink-3: #8D8679;
  --rule: #D9D2C5;
  --mark: #E9DDBD;
  --accent: #8B5A2B;
  color-scheme: light;
}

:root[data-theme="dusk"] {
  --paper: #E1D5BE;
  --paper-2: #D6C8AD;
  --ink: #2A2118;
  --ink-2: #56483A;
  --ink-3: #85745D;
  --rule: #C7B697;
  --mark: #D2BC8B;
  --accent: #6E3F14;
  color-scheme: light;
}

:root[data-theme="sepia"] {
  --paper: #F1E7D2;
  --paper-2: #E7DBC2;
  --ink: #382C1F;
  --ink-2: #65553F;
  --ink-3: #927E62;
  --rule: #DACAA9;
  --mark: #E4CF9A;
  --accent: #84501F;
  color-scheme: light;
}

:root[data-theme="night"] {
  --paper: #121110;
  --paper-2: #1C1A17;
  --ink: #E3DDD1;
  --ink-2: #A69E90;
  --ink-3: #6B655B;
  --rule: #2D2A26;
  --mark: #3B3323;
  --accent: #D3A76B;
  color-scheme: dark;
}

:root {
  --theme-paper-paper: #F4F1EA;
  --theme-paper-paper-2: #EAE5DA;
  --theme-paper-ink: #1B1915;
  --theme-paper-ink-2: #59534A;
  --theme-paper-ink-3: #8D8679;
  --theme-paper-rule: #D9D2C5;
  --theme-paper-mark: #E9DDBD;
  --theme-paper-accent: #8B5A2B;
  --theme-dusk-paper: #E1D5BE;
  --theme-dusk-paper-2: #D6C8AD;
  --theme-dusk-ink: #2A2118;
  --theme-dusk-ink-2: #56483A;
  --theme-dusk-ink-3: #85745D;
  --theme-dusk-rule: #C7B697;
  --theme-dusk-mark: #D2BC8B;
  --theme-dusk-accent: #6E3F14;
  --theme-sepia-paper: #F1E7D2;
  --theme-sepia-paper-2: #E7DBC2;
  --theme-sepia-ink: #382C1F;
  --theme-sepia-ink-2: #65553F;
  --theme-sepia-ink-3: #927E62;
  --theme-sepia-rule: #DACAA9;
  --theme-sepia-mark: #E4CF9A;
  --theme-sepia-accent: #84501F;
  --theme-night-paper: #121110;
  --theme-night-paper-2: #1C1A17;
  --theme-night-ink: #E3DDD1;
  --theme-night-ink-2: #A69E90;
  --theme-night-ink-3: #6B655B;
  --theme-night-rule: #2D2A26;
  --theme-night-mark: #3B3323;
  --theme-night-accent: #D3A76B;
}

/* Theme swatches (pickers). */
[data-swatch="paper"] { --sw-paper: #F4F1EA; --sw-ink: #1B1915; --sw-rule: #D9D2C5; }
[data-swatch="dusk"] { --sw-paper: #E1D5BE; --sw-ink: #2A2118; --sw-rule: #C7B697; }
[data-swatch="sepia"] { --sw-paper: #F1E7D2; --sw-ink: #382C1F; --sw-rule: #DACAA9; }
[data-swatch="night"] { --sw-paper: #121110; --sw-ink: #E3DDD1; --sw-rule: #2D2A26; }

/* Device profiles (Device Preview). */
:root {
  --device-profiles: "waveshare-397-portrait waveshare-397-landscape lilygo-t5-47-portrait lilygo-t5-47-landscape";
  --device-waveshare-397-portrait-width: 480px;
  --device-waveshare-397-portrait-height: 800px;
  --device-waveshare-397-portrait-body: 30px;
  --device-waveshare-397-portrait-leading: 45px;
  --device-waveshare-397-portrait-margin: 32px;
  --device-waveshare-397-portrait-status: 40px;
  --device-waveshare-397-portrait-footer: 40px;
  --device-waveshare-397-portrait-grays: 4;
  --device-waveshare-397-portrait-label: "Waveshare 3.97″ portrait";
  --device-waveshare-397-landscape-width: 800px;
  --device-waveshare-397-landscape-height: 480px;
  --device-waveshare-397-landscape-body: 30px;
  --device-waveshare-397-landscape-leading: 45px;
  --device-waveshare-397-landscape-margin: 32px;
  --device-waveshare-397-landscape-status: 40px;
  --device-waveshare-397-landscape-footer: 40px;
  --device-waveshare-397-landscape-grays: 4;
  --device-waveshare-397-landscape-label: "Waveshare 3.97″ landscape";
  --device-lilygo-t5-47-portrait-width: 540px;
  --device-lilygo-t5-47-portrait-height: 960px;
  --device-lilygo-t5-47-portrait-body: 30px;
  --device-lilygo-t5-47-portrait-leading: 45px;
  --device-lilygo-t5-47-portrait-margin: 32px;
  --device-lilygo-t5-47-portrait-status: 40px;
  --device-lilygo-t5-47-portrait-footer: 40px;
  --device-lilygo-t5-47-portrait-grays: 16;
  --device-lilygo-t5-47-portrait-label: "LilyGo T5 4.7″ portrait";
  --device-lilygo-t5-47-landscape-width: 960px;
  --device-lilygo-t5-47-landscape-height: 540px;
  --device-lilygo-t5-47-landscape-body: 30px;
  --device-lilygo-t5-47-landscape-leading: 45px;
  --device-lilygo-t5-47-landscape-margin: 32px;
  --device-lilygo-t5-47-landscape-status: 40px;
  --device-lilygo-t5-47-landscape-footer: 40px;
  --device-lilygo-t5-47-landscape-grays: 16;
  --device-lilygo-t5-47-landscape-label: "LilyGo T5 4.7″ landscape";
}

/* Device grays as CSS colours (gray level n -> n*17 per channel). */
:root {
  --device-paper: rgb(255 255 255);
  --device-ink: rgb(0 0 0);
  --device-ink-2: rgb(85 85 85);
  --device-rule: rgb(170 170 170);
  --device-mark: rgb(204 204 204);
}