/* Hallmark · genre: modern-minimal · macrostructure: Stat-Led · theme: Cobalt (adapted)
 * tone: technical · anchor hue: 264 (Turkish plate blue, in place of Cobalt's electric 256)
 * nav: N13 inline ⌘K · footer: Ft2 inline · enrichment: none (code card + schematic, typography-led)
 * pre-emit critique: P5 H4 E4 S5 R4 V4
 *
 * Cobalt keeps its discipline here: a cool engineered ground, ruler-drawn hairlines, one signal
 * used sparingly, code as the focal element, and exactly one dark band. What changed is the
 * signal itself. Cobalt's electric blue is a dev-tool convention; the deep blue on every Turkish
 * number plate is this product's own, and it carries the official-document register the page is
 * selling. Same hue family, a much lower lightness: official rather than electric.
 */

:root {
  /* colour: one accent in two lightness steps, plus a semantic amber for doubt */
  --color-paper:     oklch(98.4% 0.004 264);
  --color-paper-2:   oklch(96.4% 0.006 264);
  --color-rule:      oklch(90%   0.008 264);
  --color-rule-2:    oklch(82%   0.010 264);
  --color-neutral:   oklch(51%   0.014 264);
  --color-ink-2:     oklch(38%   0.016 264);
  --color-ink:       oklch(23%   0.020 264);
  --color-graphite:  oklch(21%   0.022 264);
  --color-graphite-2: oklch(26%  0.022 264);
  --color-accent:    oklch(40%   0.180 264);
  --color-accent-2:  oklch(33%   0.170 264);
  --color-accent-lift: oklch(74% 0.150 262);
  --color-accent-wash: oklch(94% 0.030 264);
  --color-accent-ink: oklch(99%  0.002 264);
  --color-warn:      oklch(50%   0.130  62);
  --color-warn-wash: oklch(95%   0.030  62);
  --color-dark-ink:  oklch(94%   0.006 264);
  --color-dark-ink-2: oklch(74%  0.014 264);
  /* code tokens: on the graphite card, so they are lightness steps of their own */
  --color-code-str:  oklch(84%   0.090 142);
  --color-code-punct: oklch(66%  0.016 264);
  --color-focus:     oklch(52%   0.180 264);

  /* type: Space Grotesk display, Inter body, JetBrains Mono for every machine readout */
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-figure: clamp(4.4rem, 13vw, 9.5rem);
  --text-display: clamp(1.9rem, 3.4vw, 2.9rem);
  --text-head: clamp(1.4rem, 2.2vw, 1.85rem);
  --text-lead: 1.1875rem;
  --text-body: 1.0625rem;
  --text-mono: 0.9375rem;

  /* 4pt scale */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 52px;
  --space-2xl: 76px;
  --space-3xl: clamp(64px, 9vw, 112px);

  --radius-sm: 6px;
  --radius-md: 10px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-slow: 600ms;
}