/* Hallmark · genre: modern-minimal (technical) · macrostructure: Narrative ledger (custom, bespoke) · theme: custom "Analysis Sheet"
 * vibe: "ledger analysis pad, red margin rule, Leeds slate" · paper oklch(97.5% 0.008 160) · accent oklch(55% 0.2 27) ledger-red
 * display: Bricolage Grotesque · body: Geist · figures: JetBrains Mono · axes: light / grotesk-sans / warm-red
 * nav: N1b-style bar (wordmark · links · phone) · footer: Ft5 statement
 */
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/geist-latin-wght-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2-variations");
}

:root {
  --color-paper:        oklch(97.5% 0.008 160);
  --color-sheet:        oklch(95.5% 0.016 158);
  --color-ruling:       oklch(89%   0.032 158);
  --color-rule:         oklch(82%   0.026 200);
  --color-muted:        oklch(44%   0.022 255);
  --color-ink:          oklch(20%   0.028 255);
  --color-slate:        oklch(24%   0.032 252);
  --color-slate-2:      oklch(30%   0.034 252);
  --color-slate-rule:   oklch(40%   0.030 252);
  --color-on-slate:     oklch(95%   0.010 160);
  --color-on-slate-muted: oklch(77% 0.022 250);
  --color-accent:       oklch(55%   0.200 27);
  --color-accent-deep:  oklch(46%   0.180 27);
  --color-accent-bright: oklch(70%  0.160 32);
  --color-focus:        oklch(55%   0.200 27);

  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-figures: "JetBrains Mono", ui-monospace, monospace;

  --text-xs:   0.78rem;
  --text-sm:   0.9rem;
  --text-base: 1.0625rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  clamp(1.9rem, 2.2vw + 1rem, 2.75rem);
  --text-display-s: clamp(2.4rem, 4vw + 1rem, 4.25rem);
  --text-display:   clamp(2.9rem, 6vw + 1rem, 5.5rem);

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --page-max:    78rem;
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --measure:     62ch;
  --ruling-step: 2rem;

  --rule-hair: 1px;
  --rule-mid:  2px;
  --radius-none: 0;
  --radius-sm: 2px;

  --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-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;
}