/* GENERATED from packages/design-tokens/tokens.json by scripts/build-css.mjs — do not edit. */
:root {
  --night-highlight: #34343B;
  --seal-hi: #F2B99F;
  --seal-mid: #D9683F;
  --seal-lo: #A8431F;
  --record-on-night: #E8805C;
  --warn-on-night: #f2b47c;
  --success-on-night: #8fd4bc;
  --envelope-paper: #f5e7c6;
  --envelope-flap: #e9d3a2;
  --envelope-ink: #694a0c;
  --envelope-title: #1B1B1F;
  --white: #ffffff;
  --glow-rgb: 217, 178, 122;
  --shadow-ink-rgb: 27, 27, 31;
  --on-night-rgb: 248, 244, 236;
  --brass-rgb: 217, 178, 122;
  --plum-hi: #3A3A42;
  --plum-mid: #2A2A31;
  --plum-lo: #1B1B1F;
  --bronze-hi: #efcfa6;
  --bronze-mid: #c0915f;
  --bronze-lo: #6e4a2e;
  --ivory: #F8F4EC;
  --deep-ink: #1B1B1F;
  --cover-shade-rgb: 20, 20, 23;
  --bg: #F8F4EC;
  --surface: #FFFDF8;
  --sunken: #E9E0D6;
  --ink: #1B1B1F;
  --ink-muted: #46454C;
  --ink-subtle: #636169;
  --line: #E9E0D6;
  --line-strong: #85807A;
  --primary: #1B1B1F;
  --primary-hover: #2F2F36;
  --on-primary: #F8F4EC;
  --accent: #A8431F;
  --on-accent: #F8F4EC;
  --accent-soft: #F7E6DC;
  --accent-tint: #F0D0C0;
  --accent-fill: #C5542F;
  --honey-bg: #f5e7c6;
  --honey-ink: #694a0c;
  --success-bg: #dcede5;
  --success-ink: #1d5e4b;
  --warn-bg: #fbe6cc;
  --warn-ink: #80500a;
  --danger-bg: #f9deda;
  --danger-ink: #a3302a;
  --record: #C5542F;
  --night: #1B1B1F;
  --night-raised: #26262C;
  --on-night: #F8F4EC;
  --on-night-muted: #CFC8BD;
  --glow: #E8C79A;
  --brass: #D9B27A;
  --focus: #1B1B1F;
  --scrim: rgba(27, 27, 31, 0.45);
  --shadow-1: 0 1px 2px rgba(23, 20, 31, 0.08);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 2px rgba(23, 20, 31, 0.05), 0 18px 40px -20px rgba(64, 32, 24, 0.24);
  --shadow-2: 0 28px 64px -20px rgba(23, 20, 31, 0.32);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --touch-min: 44px;
  --control-h: 48px;
  --control-h-lg: 56px;
  --record-size: 88px;
  --sidebar-w: 264px;
  --rail-w: 88px;
  --content-max: 880px;
  --measure: 62ch;
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-breathe: 2400ms;
  --font-display: "Fraunces Variable", "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #1B1B1F;
  --surface: #26262C;
  --sunken: #141417;
  --ink: #F8F4EC;
  --ink-muted: #D6CFC4;
  --ink-subtle: #ACA69D;
  --line: #33333A;
  --line-strong: #7C7881;
  --primary: #D9B27A;
  --primary-hover: #E6C694;
  --on-primary: #1B1B1F;
  --accent: #D9B27A;
  --on-accent: #1B1B1F;
  --accent-soft: #33302A;
  --accent-tint: #463D2F;
  --accent-fill: #C5542F;
  --honey-bg: #3a2d12;
  --honey-ink: #f0cf8a;
  --success-bg: #13332a;
  --success-ink: #8fd4bc;
  --warn-bg: #3a2413;
  --warn-ink: #f2b47c;
  --danger-bg: #3d1c18;
  --danger-ink: #f3a196;
  --record: #E0714C;
  --night: #141417;
  --night-raised: #26262C;
  --on-night: #F8F4EC;
  --on-night-muted: #D6CFC4;
  --glow: #D9B27A;
  --brass: #D9B27A;
  --focus: #D9B27A;
  --scrim: rgba(5, 5, 7, 0.68);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 18px 40px -18px rgba(0, 0, 0, 0.75);
  --shadow-2: 0 28px 64px -20px rgba(0, 0, 0, 0.8);
  color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #1B1B1F;
  --surface: #26262C;
  --sunken: #141417;
  --ink: #F8F4EC;
  --ink-muted: #D6CFC4;
  --ink-subtle: #ACA69D;
  --line: #33333A;
  --line-strong: #7C7881;
  --primary: #D9B27A;
  --primary-hover: #E6C694;
  --on-primary: #1B1B1F;
  --accent: #D9B27A;
  --on-accent: #1B1B1F;
  --accent-soft: #33302A;
  --accent-tint: #463D2F;
  --accent-fill: #C5542F;
  --honey-bg: #3a2d12;
  --honey-ink: #f0cf8a;
  --success-bg: #13332a;
  --success-ink: #8fd4bc;
  --warn-bg: #3a2413;
  --warn-ink: #f2b47c;
  --danger-bg: #3d1c18;
  --danger-ink: #f3a196;
  --record: #E0714C;
  --night: #141417;
  --night-raised: #26262C;
  --on-night: #F8F4EC;
  --on-night-muted: #D6CFC4;
  --glow: #D9B27A;
  --brass: #D9B27A;
  --focus: #D9B27A;
  --scrim: rgba(5, 5, 7, 0.68);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 18px 40px -18px rgba(0, 0, 0, 0.75);
  --shadow-2: 0 28px 64px -20px rgba(0, 0, 0, 0.8);
  color-scheme: dark;
}