/* Hallmark · genre: modern-minimal · macrostructure: Stat-Led · theme: Cobalt (Cyrillic build: IBM Plex Sans + JetBrains Mono) · enrichment: none · nav: N1b · footer: Ft2
 * H4 Stat-led knobs: number=mono display · qualifier=inline-right · secondary=row-of-four
 * tone: technical · anchor hue: 258 (cobalt) · axes: light / grotesk-sans→plex / cool
 * Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4 */

:root {
  /* — colour · cobalt instrument panel — */
  --color-paper:      oklch(97.5% 0.005 250);
  --color-paper-2:    oklch(94.8% 0.008 250);
  --color-rule:       oklch(87%   0.012 250);
  --color-neutral:    oklch(44%   0.018 252);
  --color-muted:      oklch(34%   0.022 254);
  --color-ink:        oklch(19%   0.022 256);
  --color-accent:     oklch(50%   0.21  262);
  --color-accent-ink: oklch(42%   0.19  262);
  --color-focus:      oklch(55%   0.20  262);
  --color-selection:  oklch(88%   0.06  262);

  /* — type · Cyrillic-complete technical stack — */
  --font-display: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace; /* wordmark + hero figure ONLY */

  /* — scale · 1.25 major third — */
  --text-xs:   0.8rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-display-s: clamp(1.75rem, 2.2vw + 1rem, 2.6rem);
  --text-display:   clamp(2.4rem, 4vw + 1rem, 4.4rem);
  --text-figure:    clamp(8rem, 20vw, 15rem); /* single glyph — may exceed display cap */

  /* — space · 4pt — */
  --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;

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

  /* — structure — */
  --radius:      6px;
  --rule:        1px solid var(--color-rule);
  --page-max:    72rem;
  --page-gutter: clamp(1rem, 4vw, 2.5rem);

  /* — z — */
  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
}