/* Hallmark · genre: atmospheric · macrostructure: Marquee Hero · theme: custom (tuned) · tone: technical · enrichment: none · nav: N5 Floating pill · footer: Ft5 Statement */
/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V5 */
/* Custom theme — vibe: "late-night terminal, one amber lamp" · paper oklch(14% 0.008 60) · accent oklch(80% 0.14 80) amber
 * display: Space Grotesk (300) · body: IBM Plex Sans 400 · outlier: IBM Plex Mono (metadata role only)
 * axes: dark / grotesk-sans / warm */

:root {
  /* Colour — anchor hue 60, neutrals tinted warm, dark canvas */
  --color-paper:      oklch(14% 0.008 60);
  --color-paper-2:    oklch(18% 0.010 60);
  --color-paper-3:    oklch(22% 0.011 60);
  --color-rule:       oklch(30% 0.010 60);
  --color-muted:      oklch(72% 0.008 60);
  --color-ink:        oklch(94% 0.006 70);
  --color-accent:     oklch(80% 0.14 80);
  --color-accent-ink: oklch(20% 0.02 80);
  --color-bloom:      oklch(30% 0.075 75);
  --color-focus:      oklch(80% 0.14 80);

  /* Syntax highlighting (posts only) */
  --color-syn-comment: oklch(66% 0.008 60);
  --color-syn-keyword: oklch(80% 0.14 80);
  --color-syn-string:  oklch(78% 0.09 155);
  --color-syn-number:  oklch(78% 0.08 250);

  /* Type */
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Type scale — five sizes at most on any page */
  --text-sm:      0.875rem;
  --text-base:    1.0625rem;
  --text-xl:      clamp(1.5625rem, 1.1rem + 1.6vw, 1.9531rem);
  --text-2xl:     clamp(1.75rem, 1.1rem + 2.2vw, 2.75rem);
  --text-display: clamp(3.5rem, 14vw, 12.5rem);

  /* Spacing — 4 pt scale */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --space-4xl: 8rem;

  /* Layout */
  --page-gutter: clamp(1.25rem, 5vw, 4rem);
  --page-max:    72rem;
  --measure:     42rem;

  /* Rules + radius */
  --rule-hair: 1px solid var(--color-rule);
  --radius-sm: 0.5rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;

  /* Motion */
  --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-fast:    120ms;
  --dur-base:    220ms;
  --dur-slow:    640ms;
}