/* Generated from tokens.json by build.mjs; do not edit. For web pages: dark via [data-theme="dark"] on <html>, or the system setting unless [data-theme="light"]. */

:root {
  --paper: #fafaf7;
  --paper-2: #f5f4ee;
  --paper-tab: #e9e8e0;
  --sheet: #ffffff;
  --ink: #18233d;
  --ink-2: #4a5470;
  --ink-3: #626a86;
  --blue: #2446b8;
  --accent-fill: #2446b8;
  --on-accent: #ffffff;
  --highlight: rgba(255, 232, 115, 0.95);
  --highlight-dim: rgba(255, 232, 115, 0.5);
  --note: #fff6c2;
  --red: #a33a3a;
  --stamp-red: #b23b3b;
  --margin-red: rgba(214, 96, 96, 0.55);
  --grid-line: rgba(36, 70, 184, 0.06);
  --line-1: rgba(24, 35, 61, 0.12);
  --line-2: rgba(24, 35, 61, 0.16);
  --line-3: rgba(24, 35, 61, 0.2);
  --line-4: rgba(24, 35, 61, 0.25);
  --line-5: rgba(24, 35, 61, 0.3);
  --line-6: rgba(24, 35, 61, 0.35);
  --rule: var(--line-3);
  --sel-row: #fff3b0;
  --field-off: #f3f3ef;
  --shadow-card: 0 1px 0 rgba(24, 35, 61, 0.06);
  --shadow-pop: 0 14px 36px rgba(24, 35, 61, 0.18), 0 2px 0 rgba(24, 35, 61, 0.05);
  --shadow-picker: 0 12px 28px rgba(24, 35, 61, 0.2);
  --shadow-knob: 0 1px 2px rgba(24, 35, 61, 0.35);
  color-scheme: light;
  --serif: "Young Serif", Georgia, "Hiragino Mincho ProN", "Yu Mincho", serif;
  --sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --radius-card: 4px;
  --radius-popover: 8px;
  --radius-pill: 999px;
  --radius-tab: 7px 7px 0 0;
  --grid-page: 24px;
  --grid-popover: 16px;
}
:root[data-theme="dark"] {
  --paper: #1c2029;
  --paper-2: #20252f;
  --paper-tab: #2a303c;
  --sheet: #161a22;
  --ink: #e9ebf2;
  --ink-2: #b2b8cb;
  --ink-3: #9098ae;
  --blue: #9cb1ff;
  --accent-fill: #3a5bd9;
  --on-accent: #ffffff;
  --highlight: rgba(255, 222, 89, 0.36);
  --highlight-dim: rgba(255, 222, 89, 0.18);
  --note: #3b3520;
  --red: #ff9a8f;
  --stamp-red: #ff8f84;
  --margin-red: rgba(255, 138, 128, 0.45);
  --grid-line: rgba(156, 177, 255, 0.06);
  --line-1: rgba(233, 235, 242, 0.1);
  --line-2: rgba(233, 235, 242, 0.14);
  --line-3: rgba(233, 235, 242, 0.18);
  --line-4: rgba(233, 235, 242, 0.24);
  --line-5: rgba(233, 235, 242, 0.3);
  --line-6: rgba(233, 235, 242, 0.36);
  --rule: var(--line-3);
  --sel-row: rgba(255, 222, 89, 0.16);
  --field-off: #1f232c;
  --shadow-card: 0 1px 0 rgba(0, 0, 0, 0.4);
  --shadow-pop: 0 14px 36px rgba(0, 0, 0, 0.55), 0 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-picker: 0 12px 28px rgba(0, 0, 0, 0.5);
  --shadow-knob: 0 1px 2px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #1c2029;
    --paper-2: #20252f;
    --paper-tab: #2a303c;
    --sheet: #161a22;
    --ink: #e9ebf2;
    --ink-2: #b2b8cb;
    --ink-3: #9098ae;
    --blue: #9cb1ff;
    --accent-fill: #3a5bd9;
    --on-accent: #ffffff;
    --highlight: rgba(255, 222, 89, 0.36);
    --highlight-dim: rgba(255, 222, 89, 0.18);
    --note: #3b3520;
    --red: #ff9a8f;
    --stamp-red: #ff8f84;
    --margin-red: rgba(255, 138, 128, 0.45);
    --grid-line: rgba(156, 177, 255, 0.06);
    --line-1: rgba(233, 235, 242, 0.1);
    --line-2: rgba(233, 235, 242, 0.14);
    --line-3: rgba(233, 235, 242, 0.18);
    --line-4: rgba(233, 235, 242, 0.24);
    --line-5: rgba(233, 235, 242, 0.3);
    --line-6: rgba(233, 235, 242, 0.36);
    --rule: var(--line-3);
    --sel-row: rgba(255, 222, 89, 0.16);
    --field-off: #1f232c;
    --shadow-card: 0 1px 0 rgba(0, 0, 0, 0.4);
    --shadow-pop: 0 14px 36px rgba(0, 0, 0, 0.55), 0 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-picker: 0 12px 28px rgba(0, 0, 0, 0.5);
    --shadow-knob: 0 1px 2px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}