:root {
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Charter, "Bitstream Charter", Georgia, serif;
  --sans: system-ui, -apple-system, "Segoe UI", Ubuntu, Cantarell, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-ui: 0.9375rem;
  --text-body: 1.0625rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.75rem;
  --text-4xl: 2.125rem;
  --text-read: clamp(1.125rem, 0.75rem + 0.8cqi, 1.625rem);
  --leading-tight: 1.2;
  --leading-ui: 1.5;
  --leading-body: 1.65;
  --leading-prose: 1.75;
  --tracking-caps: 0.06em;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-0-5: 0.125rem;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --shadow-raised: 0 1px 2px rgb(0 0 0 / 0.12);
  --shadow-overlay: 0 12px 36px rgb(0 0 0 / 0.25);
  --shadow-sheet: 0 -8px 32px rgb(0 0 0 / 0.25);
  --duration-fast: 0.12s;
  --duration-slow: 0.25s;
  --z-sticky: 1;
  --z-savebar: 2;
  --z-nav: 10;
  --z-progress: 20;
  --z-notice: 30;
  --tap: 44px;
  --tap-sm: 32px;
  --icon: 18px;
  --icon-nav: 22px;
  --measure: 40rem;
  --measure-wide: 80rem;
  --list-width: clamp(20rem, 24vw, 28rem);
  --gutter: var(--space-4);
  --appbar-height: 53px;
  --tabbar-height: 68px;
  --scrim: rgb(0 0 0 / 0.45);
  --label-blue: oklch(0.6 0.14 250);
  --label-green: oklch(0.62 0.13 150);
  --label-orange: oklch(0.68 0.15 55);
  --label-purple: oklch(0.58 0.15 305);
  --label-teal: oklch(0.63 0.1 195);
  --label-red: oklch(0.6 0.18 25);
  --label-pink: oklch(0.65 0.16 350);
  --label-yellow: oklch(0.75 0.14 90);
  --label-gray: oklch(0.6 0.01 80);
}

[data-palette="flexoki"] {
  color-scheme: light;
  --desk: #F2F0E5;
  --paper: #FFFCF0;
  --paper-edge: #F2F0E5;
  --card-border: #E6E4D9;
  --rule: #DAD8CE;
  --ink: #100F0F;
  --muted: #6D6C67;
  --accent: #B34E15;
  --accent-solid: #BC5215;
  --accent-ink: #FFFCF0;
  --mark: #F6E2A0;
  --mark-ink: #100F0F;
  --danger: #AF3029;
  --shadow: none;
}
[data-palette="flexoki"][data-theme="dark"] {
  color-scheme: dark;
  --desk: #100F0F;
  --paper: #1C1B1A;
  --paper-edge: #282726;
  --card-border: #282726;
  --rule: #343331;
  --ink: #DAD8CE;
  --muted: #BAB8AF;
  --accent: #F9AE77;
  --accent-solid: #F9AE77;
  --accent-ink: #100F0F;
  --mark: #3A2D04;
  --mark-ink: #E6E4D9;
  --danger: #FDB2A2;
  --shadow: none;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette="flexoki"]:not([data-theme="light"]) {
  color-scheme: dark;
  --desk: #100F0F;
  --paper: #1C1B1A;
  --paper-edge: #282726;
  --card-border: #282726;
  --rule: #343331;
  --ink: #DAD8CE;
  --muted: #BAB8AF;
  --accent: #F9AE77;
  --accent-solid: #F9AE77;
  --accent-ink: #100F0F;
  --mark: #3A2D04;
  --mark-ink: #E6E4D9;
  --danger: #FDB2A2;
  --shadow: none;
  }
}

[data-palette="radix"] {
  color-scheme: light;
  --desk: #f9f9f8;
  --paper: #fdfdfc;
  --paper-edge: #f1f0ef;
  --card-border: #e2e1de;
  --rule: #dad9d6;
  --ink: #21201c;
  --muted: #63635e;
  --accent: #9d5d03;
  --accent-solid: #ffc53d;
  --accent-ink: #4f3422;
  --mark: #ffee9c;
  --mark-ink: #21201c;
  --danger: #ce2c31;
  --shadow: 0 1px 2px rgb(40 30 20 / 0.06);
}
[data-palette="radix"][data-theme="dark"] {
  color-scheme: dark;
  --desk: #111110;
  --paper: #191918;
  --paper-edge: #222221;
  --card-border: #2a2a28;
  --rule: #3b3a37;
  --ink: #eeeeec;
  --muted: #b8b7b1;
  --accent: #ffca16;
  --accent-solid: #ffc53d;
  --accent-ink: #21201c;
  --mark: #4d3000;
  --mark-ink: #eeeeec;
  --danger: #fe9b98;
  --shadow: none;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette="radix"]:not([data-theme="light"]) {
  color-scheme: dark;
  --desk: #111110;
  --paper: #191918;
  --paper-edge: #222221;
  --card-border: #2a2a28;
  --rule: #3b3a37;
  --ink: #eeeeec;
  --muted: #b8b7b1;
  --accent: #ffca16;
  --accent-solid: #ffc53d;
  --accent-ink: #21201c;
  --mark: #4d3000;
  --mark-ink: #eeeeec;
  --danger: #fe9b98;
  --shadow: none;
  }
}

[data-palette="sepia"] {
  color-scheme: light;
  --desk: #efe6d2;
  --paper: #f8f1e3;
  --paper-edge: #efe6d2;
  --card-border: #e6dbc3;
  --rule: #dccfb2;
  --ink: #3b2e21;
  --muted: #6b5b47;
  --accent: #8a4b1f;
  --accent-solid: #8a4b1f;
  --accent-ink: #f8f1e3;
  --mark: #efd48a;
  --mark-ink: #3b2e21;
  --danger: #9b2c22;
  --shadow: none;
}
[data-palette="sepia"][data-theme="dark"] {
  color-scheme: dark;
  --desk: #15110c;
  --paper: #1e1912;
  --paper-edge: #2a231a;
  --card-border: #2a231a;
  --rule: #3a3024;
  --ink: #e3d6bf;
  --muted: #c4b498;
  --accent: #ecb986;
  --accent-solid: #ecb986;
  --accent-ink: #1e1912;
  --mark: #5a4415;
  --mark-ink: #efe4cf;
  --danger: #f6a397;
  --shadow: none;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette="sepia"]:not([data-theme="light"]) {
  color-scheme: dark;
  --desk: #15110c;
  --paper: #1e1912;
  --paper-edge: #2a231a;
  --card-border: #2a231a;
  --rule: #3a3024;
  --ink: #e3d6bf;
  --muted: #c4b498;
  --accent: #ecb986;
  --accent-solid: #ecb986;
  --accent-ink: #1e1912;
  --mark: #5a4415;
  --mark-ink: #efe4cf;
  --danger: #f6a397;
  --shadow: none;
  }
}

[data-palette="original"] {
  color-scheme: light;
  --desk: #e9e3d7;
  --paper: #fbf8f1;
  --paper-edge: #efe8da;
  --card-border: transparent;
  --rule: #e4dccc;
  --ink: #2b2722;
  --muted: #675f54;
  --accent: #8a4626;
  --accent-solid: #8a4626;
  --accent-ink: #fff8f0;
  --mark: #f6df86;
  --mark-ink: #2b2722;
  --danger: #9b2c22;
  --shadow: 0 1px 2px rgb(60 45 25 / 0.08), 0 8px 24px rgb(60 45 25 / 0.08);
}
[data-palette="original"][data-theme="dark"] {
  color-scheme: dark;
  --desk: #12110f;
  --paper: #1d1b18;
  --paper-edge: #26231f;
  --card-border: transparent;
  --rule: #302c26;
  --ink: #ebe4d6;
  --muted: #c3b9a9;
  --accent: #efbd90;
  --accent-solid: #efbd90;
  --accent-ink: #1d1b18;
  --mark: #5c4c17;
  --mark-ink: #f4ead2;
  --danger: #f6a397;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.4), 0 8px 24px rgb(0 0 0 / 0.35);
}
@media (prefers-color-scheme: dark) {
  :root[data-palette="original"]:not([data-theme="light"]) {
  color-scheme: dark;
  --desk: #12110f;
  --paper: #1d1b18;
  --paper-edge: #26231f;
  --card-border: transparent;
  --rule: #302c26;
  --ink: #ebe4d6;
  --muted: #c3b9a9;
  --accent: #efbd90;
  --accent-solid: #efbd90;
  --accent-ink: #1d1b18;
  --mark: #5c4c17;
  --mark-ink: #f4ead2;
  --danger: #f6a397;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.4), 0 8px 24px rgb(0 0 0 / 0.35);
  }
}