/* Noephic Headword — generated from tokens.json */
:root, [data-theme="light"] {
  --ground: #eef1f6;
  --sheet: #ffffff;
  --sheet-raised: #ffffff;
  --sheet-sunken: #f5f7fa;
  --hover: #f3f5f9;
  --selected: #e6ebf3;
  --line: #e1e6ee;
  --line-strong: #cdd4df;
  --control: #7d8799;
  --scrim: #0b0f1a66;
  --ink: #111827;
  --ink-2: #3f4a5c;
  --ink-3: #5b6578;
  --on-ink: #ffffff;
  --action: var(--ink);
  --action-hover: #2b3547;
  --focus: var(--ink);
  --dot: #e11d48;
  --dot-ink: #be123c;
  --dot-soft: #ffe8ed;
  --on-dot: #ffffff;
  --danger: #b42318;
  --danger-soft: #fdeceb;
  --caution: #8f5300;
  --caution-soft: #fff2d9;
  --positive: #0b6b76;
  --positive-soft: #e1f2f3;
  --ai: #5848d8;
  --ai-soft: #eeebff;
  --on-ai: #ffffff;
  --space-rose: #9a5f67;
  --space-green: #2f6f4f;
  --space-blue: #1f6fa8;
  --space-violet: #7c3aed;
  --space-amber: #c2722b;
  --space-crimson: #b03a4b;
  --shadow-hairline: 0 1px 2px #1118270f, 0 0 0 1px #1118270d;
  --shadow-lift: 0 6px 16px -6px #11182729, 0 1px 3px #11182714;
  --shadow-float: 0 18px 48px -12px #11182738, 0 3px 8px #1118271a;
}
[data-theme="dark"] {
  --ground: #0c0e13;
  --sheet: #141820;
  --sheet-raised: #1b202a;
  --sheet-sunken: #10131a;
  --hover: #1a1f29;
  --selected: #232a37;
  --line: #272d39;
  --line-strong: #353d4b;
  --control: #6c7486;
  --scrim: #000000a3;
  --ink: #e8ecf4;
  --ink-2: #b4bccb;
  --ink-3: #8e97a8;
  --on-ink: #111827;
  --action: var(--ink);
  --action-hover: #ffffff;
  --focus: var(--ink);
  --dot: #00e5ff;
  --dot-ink: #00e5ff;
  --dot-soft: #0b3138;
  --on-dot: #111827;
  --danger: #ff8e85;
  --danger-soft: #3a1714;
  --caution: #f2b544;
  --caution-soft: #33250a;
  --positive: #5fd3b2;
  --positive-soft: #0e2c25;
  --ai: #b4abff;
  --ai-soft: #25204a;
  --on-ai: #111827;
  --space-rose: #d8949c;
  --space-green: #6cc395;
  --space-blue: #6fb2e8;
  --space-violet: #b596ff;
  --space-amber: #eda25c;
  --space-crimson: #f07a8a;
  --shadow-hairline: 0 1px 2px #00000066, 0 0 0 1px #ffffff0d;
  --shadow-lift: 0 8px 20px -6px #000000a6, 0 0 0 1px #ffffff12;
  --shadow-float: 0 24px 56px -12px #000000cc, 0 0 0 1px #ffffff17;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-s: 7px;
  --radius-m: 10px;
  --radius-l: 14px;
  --radius-xl: 22px;
  --radius-full: 999px;
  --size-control-s: 32px;
  --size-control-m: 40px;
  --size-touch: 44px;
  --size-control-l: 52px;
  --size-sidebar: 248px;
  --size-rail: 72px;
  --size-detail: 640px;
  --size-measure: 68ch;
  --size-tabbar: 56px;
  --font-display: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.hw-xl { font-family: var(--font-display); font-size: 56px; line-height: 60px; font-weight: 400; font-style: italic; letter-spacing: -0.02em; font-variation-settings: 'opsz' 60; }
.hw-l { font-family: var(--font-display); font-size: 40px; line-height: 46px; font-weight: 400; font-style: italic; letter-spacing: -0.015em; font-variation-settings: 'opsz' 48; }
.hw-m { font-family: var(--font-display); font-size: 30px; line-height: 36px; font-weight: 400; font-style: italic; letter-spacing: -0.01em; font-variation-settings: 'opsz' 36; }
.hw-s { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 400; font-style: italic; letter-spacing: -0.005em; font-variation-settings: 'opsz' 24; }
.ui-title-l { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.ui-title { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: -0.005em; }
.ui-body-l { font-family: var(--font-sans); font-size: 17px; line-height: 26px; font-weight: 400; }
.ui-body { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.ui-body-s { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.ui-label { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.ui-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.01em; }
.fig-l { font-family: var(--font-sans); font-size: 36px; line-height: 40px; font-weight: 700; letter-spacing: -0.02em; }
.fig-m { font-family: var(--font-sans); font-size: 22px; line-height: 26px; font-weight: 700; letter-spacing: -0.01em; }
.mono { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; }
.mono-s { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 500; }