/* Hallmark · macrostructure: Workbench · genre: modern-minimal · theme: Cobalt · tone: technical · nav: N3 labelled operator rail · footer: Ft2 */
@font-face {
  font-family: Inter;
  src: url("/assets/inter.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/space-grotesk.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/jetbrains-mono.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}
:root {
  --color-paper: oklch(98.5% 0.004 250);
  --color-surface: oklch(100% 0 0);
  --color-subtle: oklch(96.3% 0.008 250);
  --color-ink: oklch(24% 0.022 258);
  --color-body: oklch(35% 0.018 257);
  --color-muted: oklch(49% 0.023 257);
  --color-line: oklch(88% 0.014 250);
  --color-line-strong: oklch(66% 0.025 250);
  --color-accent: oklch(50% 0.205 260);
  --color-accent-ink: oklch(100% 0 0);
  --color-accent-soft: oklch(95% 0.028 260);
  --color-focus: var(--color-accent);
  --color-success: oklch(40% 0.09 160);
  --color-success-soft: oklch(96% 0.02 160);
  --color-warning: oklch(43% 0.095 65);
  --color-warning-soft: oklch(97% 0.025 85);
  --color-error: oklch(46% 0.17 26);
  --color-error-soft: oklch(97% 0.012 26);
  --color-overlay: oklch(24% 0.022 258 / 0.4);
  --color-probe-1: var(--color-accent);
  --color-probe-2: oklch(44% 0.11 175);
  --color-probe-3: oklch(49% 0.11 65);
  --color-ambient: oklch(48% 0.04 255);
  --font-display: "Space Grotesk", "Inter", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-outlier: "JetBrains Mono", monospace;
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 80px;
  --space-4xl: 96px;
  --space-5xl: 128px;
  --radius: 6px;
  --radius-lg: 12px;
  --control-height: 44px;
  --rail-width: 208px;
  --duration-fast: 120ms;
  --duration-normal: 220ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease: var(--ease-out);
  --shadow: 0 12px 48px oklch(24% 0.022 258 / 0.08);
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.9375rem;
}