/* Hallmark · macrostructure: Stat-Led · tone: utilitarian · anchor hue: teal 201.6
 * theme: custom (vibe: "plain-spoken Central Valley trades, proof first"
 *   paper oklch(98.8% 0.001 286.4) · accent oklch(44.1% 0.070 201.6) cool
 *   display Newsreader · body IBM Plex Sans)
 * axes: light paper · roman-serif display · cool accent
 * nav: N9 edge-aligned minimal · footer: Ft1 mast-headed · enrichment: none
 * Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5
 */

:root {
  --color-paper:            oklch(98.8% 0.001 286.4);
  --color-paper-2:          oklch(95.5% 0.009 197.0);
  --color-paper-3:          oklch(92.7% 0.015 196.9);
  --color-card:             oklch(99.4% 0.003 197.0);
  --color-ink:              oklch(24.9% 0.052 260.1);
  --color-ink-2:            oklch(44.7% 0.034 261.3);
  --color-accent:           oklch(44.1% 0.070 201.6);
  --color-accent-2:         oklch(37.4% 0.059 201.6);
  --color-accent-3:         oklch(31.9% 0.050 201.1);
  --color-accent-ink:       oklch(98.8% 0.001 286.4);
  --color-accent-ink-soft:  oklch(94.7% 0.016 196.9);
  --color-accent-soft:      oklch(89.3% 0.039 198.5);
  --color-rule:             oklch(24.9% 0.052 260.1 / .14);
  --color-rule-strong:      oklch(24.9% 0.052 260.1 / .30);
  --color-shadow:           oklch(44.1% 0.070 201.6 / .18);
  --color-danger:           oklch(44.7% 0.155 28.9);
  --color-ok:               oklch(44.1% 0.070 201.6);
  --color-focus:            oklch(44.1% 0.070 201.6);
  --color-foot:             oklch(19.7% 0.037 262.3);
  --color-foot-ink:         oklch(96.6% 0.005 247.9);
  --color-foot-ink-2:       oklch(76.6% 0.026 257.7);
  --color-foot-accent:      oklch(80.9% 0.080 198.7);
  --color-shot:             oklch(91.4% 0.008 253.9);

  --font-display: "Newsreader", ui-serif, "Iowan Old Style", serif;
  --font-body:    "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;

  --space-3xs: 0.25rem; --space-2xs: 0.5rem;  --space-xs: 0.75rem;
  --space-sm:  1rem;    --space-md:  1.5rem;  --space-lg: 2rem;
  --space-xl:  3rem;    --space-2xl: 4.5rem;  --space-3xl: 7rem;

  --text-xs: 0.75rem;  --text-sm: 0.875rem; --text-base: 1rem;
  --text-md: 1.125rem; --text-lg: 1.375rem; --text-xl: 1.75rem;
  --text-2xl: 2.25rem;
  --text-display-s: clamp(2.5rem, 6vw, 3.75rem);
  --text-display:   clamp(3rem, 9vw, 5.5rem);
  --text-figure:    clamp(5rem, 20vw, 12rem);

  --leading-display: 0.92;
  --track-display: -0.02em;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 220ms;

  --rule-hair: 1px;
  --radius-card: 3px;
  --radius-input: 3px;
  --radius-pill: 999px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-paper:            oklch(19.1% 0.012 237.5);
    --color-paper-2:          oklch(23.2% 0.014 220.2);
    --color-paper-3:          oklch(25.5% 0.016 240.7);
    --color-card:             oklch(22.2% 0.014 239.4);
    --color-ink:              oklch(95.6% 0.006 239.8);
    --color-ink-2:            oklch(75.7% 0.020 243.1);
    --color-accent:           oklch(80.3% 0.093 199.8);
    --color-accent-2:         oklch(84.9% 0.077 199.9);
    --color-accent-3:         oklch(88.5% 0.062 199.9);
    --color-accent-ink:       oklch(19.1% 0.012 237.5);
    --color-accent-ink-soft:  oklch(25.9% 0.030 202.6);
    --color-accent-soft:      oklch(30.5% 0.040 205.5);
    --color-rule:             oklch(95.6% 0.006 239.8 / .16);
    --color-rule-strong:      oklch(95.6% 0.006 239.8 / .40);
    --color-shadow:           oklch(0% 0 0 / .5);
    --color-danger:           oklch(79.5% 0.118 27.6);
    --color-ok:               oklch(80.3% 0.093 199.8);
    --color-focus:            oklch(80.3% 0.093 199.8);
    --color-foot:             oklch(15.1% 0.009 239.8);
    --color-foot-ink:         oklch(95.6% 0.006 239.8);
    --color-foot-ink-2:       oklch(75.7% 0.020 243.1);
    --color-foot-accent:      oklch(80.3% 0.093 199.8);
    --color-shot:             oklch(25.5% 0.016 240.7);
  }
}