/* Hallmark · genre: editorial · macrostructure: Split panel (custom: sticky brand panel + scrolling sections) · theme: custom "Spruce & Brass" · nav: N3 side-rail · footer: Ft1 statutory line · enrichment: none
 * ground oklch(26% 0.042 172) spruce · accent oklch(82% 0.105 84) brass · Commissioner (flared glyphic sans, FLAR axis for display vs text)
 * axes: dark / flared-humanist-sans / chromatic-other (brass)
 */

@font-face {
  font-family: "Commissioner";
  src: url("/fonts/commissioner-latin-wght-flar.woff2") format("woff2-variations"),
       url("/fonts/commissioner-latin-wght-flar.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-ground:      oklch(26% 0.042 172);
  --color-ground-deep: oklch(21.5% 0.034 172);
  --color-rule:        oklch(38% 0.04 172);
  --color-rule-soft:   oklch(32% 0.04 172);
  --color-ink:         oklch(95.5% 0.012 150);
  --color-ink-soft:    oklch(88% 0.018 155);
  --color-muted:       oklch(79% 0.024 160);
  --color-footer-ink:  oklch(86% 0.018 155);
  --color-brass:       oklch(82% 0.105 84);
  --color-brass-soft:  oklch(64% 0.075 84);
  --color-focus:       oklch(82% 0.105 84);

  --font-sans: "Commissioner", "Optima", "Candara", "Segoe UI", system-ui, sans-serif;
  --flare-display: "FLAR" 100;
  --flare-text: "FLAR" 35;

  --text-xs:   0.9375rem;
  --text-sm:   1rem;
  --text-base: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --text-lg:   clamp(1.3125rem, 1.15rem + 0.7vw, 1.6875rem);
  --text-xl:   clamp(1.5rem, 1.3rem + 0.8vw, 1.9375rem);
  --text-link: clamp(1.125rem, 0.75rem + 1.6vw, 1.9375rem);
  --text-2xl:  clamp(1.875rem, 1.5rem + 1.6vw, 2.75rem);
  --text-display: clamp(2.625rem, 1.6rem + 4vw, 4.75rem);

  --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;

  --measure: 36rem;
  --rule-hair: 1px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
}