@font-face {
  font-family: Geist;
  src: url('/assets/geist-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/assets/geist-mono-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --color-paper: #0a0a0b;
  --color-surface: #111113;
  --color-surface-raised: #18181b;
  --color-ink: #f4f4f5;
  --color-body: #b9bcc4;
  --color-muted: #a7abb4;
  --color-rule: #29292e;
  --color-rule-strong: #424249;
  --color-accent: #4aa3ff;
  --color-accent-tint: #4aa3ff12;
  --color-positive: #99cfb1;
  --color-warning: #dfbd87;
  --color-error: #f1af98;
  --color-error-surface: #291714;
  --font-display: Geist, Arial, sans-serif;
  --font-body: Geist, Arial, sans-serif;
  --font-mono: 'Geist Mono', monospace;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-section: clamp(64px, 7vw, 104px);
  --radius-control: 2px;
  --radius-surface: 0px;
  --text-display: clamp(38px, 4.1vw, 60px);
  --text-section: clamp(32px, 3.5vw, 48px);
  --text-body: 17px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-feedback: 160ms;
  --paper: var(--color-paper);
  --ink: var(--color-ink);
  --green: var(--color-ink);
  --soft: var(--color-surface);
  --muted: var(--color-muted);
  --line: var(--color-rule);
  --lime: var(--color-accent);
  --white: var(--color-paper);
  --sans: var(--font-body);
  --mono: var(--font-mono);
  --accent: var(--color-accent);
  --action-fill: var(--color-ink);
  --action-ink: var(--color-paper);
  --action-fill-hover: #dcdcde;
  --action-fill-active: #c2c2c8;
  --reading-ink: var(--color-body);
  --reading-soft: var(--color-muted);
  --surface-panel: var(--color-surface);
  --surface-panel-soft: var(--color-paper);
  --line-subtle: var(--color-rule);
  --line-strong: var(--color-rule-strong);
  --focus-ring: var(--color-accent);
  --field-bg: var(--color-paper);
  --field-error: var(--color-error);
  --field-error-bg: var(--color-error-surface);
  --field-disabled: var(--color-surface-raised);
  /* A disabled field must read as unavailable, so it keeps its own dim ink rather than
     following the reading ramp. */
  --field-disabled-ink: #8f8f95;
  --story-surface: var(--color-surface);
  --story-line: var(--color-rule);
  --story-muted: var(--color-body);
  --story-accent: var(--color-accent);
  --science-blue: var(--color-accent);
  --science-mint: var(--color-positive);
  --science-amber: var(--color-warning);
  --surface-transition: var(--dur-feedback) var(--ease-out);
}