/* Hallmark · genre: editorial-industrial · macrostructure: Portfolio Grid · theme: custom "Concrete and Enamel Green"
 * vibe: mid-century engineering drawing sheets, numbered plates, hairline dimension lines, one enamel-green signal
 * paper oklch(94.5% 0.006 80) poured-concrete grey · ink oklch(24% 0.03 255) graphite blue-black · accent oklch(82% 0.12 172) enamel green
 * display Archivo (roman, wide axis) · body Libre Franklin · outlier Azeret Mono (plate numbers, labels, dimensions)
 * axes: LIGHT / wide industrial grotesk / enamel green on concrete (deep green for green-family text)
 * nav: N7 brutal slab as a drawing-sheet title strip · footer: drawing title block (not Ft1 to Ft8) · enrichment: Tier B hand-built SVG, no photographs
 * self-critique: no italic headings; no gradients or glass; square corners only; no inline colours outside this block;
 * green is always a fill carrying ink text, deep green carries green-family text on paper; contrast ink/paper above 12:1,
 * muted above 6:1, deep green above 7:1; 320/375/414/768 collapse to one column with minmax(0,1fr); no horizontal page scroll.
 */
:root {
  color-scheme: light;

  --color-paper:   oklch(94.5% 0.006 80);
  --color-paper-2: oklch(91% 0.008 80);
  --color-paper-3: oklch(87% 0.010 80);
  --color-card:    oklch(97.5% 0.004 80);
  --color-ink:     oklch(24% 0.015 200);
  --color-ink-dim: oklch(36% 0.015 200);
  --color-muted:   oklch(45% 0.018 200);
  --color-rule:    oklch(24% 0.015 200);
  --color-hair:    oklch(74% 0.015 200);
  --color-grid:    oklch(86% 0.010 200 / 0.55);

  --color-signal:      oklch(82% 0.120 172);
  --color-signal-deep: oklch(74% 0.120 172);
  --color-signal-ink:  oklch(24% 0.015 200);
  --color-deep:        oklch(40% 0.085 172);

  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Libre Franklin", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono:    "Azeret Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --text-xs:  0.75rem;
  --text-sm:  0.875rem;
  --text-md:  1.0625rem;
  --text-lg:  clamp(1.1875rem, 1.1rem + 0.45vw, 1.375rem);
  --text-xl:  clamp(1.375rem, 1.2rem + 0.9vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.4rem + 1.8vw, 2.5rem);
  --text-3xl: clamp(2rem, 1.3rem + 3.4vw, 3.75rem);
  --text-4xl: clamp(2.125rem, 1.1rem + 5.2vw, 5rem);

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 6.5rem;

  --page-gutter: clamp(1rem, 4vw, 2.5rem);
  --measure: 40rem;
  --wrap: 78rem;

  --rule-heavy: 2px;
  --rule-hair: 1px;
  --radius: 0;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 140ms;
  --dur-base: 260ms;

  --z-nav: 40;
  --z-menu: 50;
}