/* Hallmark · genre: editorial · macrostructure: Long Document · theme: custom "the study" (marked-up manuscript, dark)
 * paper: dark petrol oklch(24% 0.028 215) · display: text-serif (Newsreader) · accent: brass oklch(76% 0.11 85)
 * nav: N9 edge-aligned · footer: Ft6 letter close · enrichment: Tier-A CSS art (ruler ticks, red-ink markup)
 * design-system: design.md · designed-as-app
 * Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4
 */
:root {
  --color-paper:       oklch(24% 0.028 215);
  --color-paper-2:     oklch(28% 0.03 215);
  --color-ink:         oklch(92% 0.015 85);
  --color-ink-2:       oklch(71% 0.02 85);
  --color-rule:        oklch(37% 0.028 215);
  --color-accent:      oklch(76% 0.11 85);
  --color-accent-deep: oklch(69% 0.11 80);
  --color-accent-ink:  oklch(22% 0.03 215);
  --color-focus:       oklch(76% 0.09 200);
  --color-ok:          oklch(75% 0.1 155);

  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-mono:  "IBM Plex Mono", Consolas, "Courier New", monospace;

  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  --text-xs:      0.75rem;
  --text-sm:      0.8125rem;
  --text-md:      1.0625rem;
  --text-lg:      1.25rem;
  --text-xl:      1.75rem;
  --text-display: clamp(2.125rem, 5.5vw, 3.25rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 240ms;
  --radius: 2px;
}

/* Base discipline shared by every page */
html { background: var(--color-paper); overflow-x: clip; }
body { overflow-x: clip; }

:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}

::selection { background: oklch(76% 0.11 85 / 0.25); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 120ms !important;
  }
}