/* Hallmark · Coreshatter design tokens
 * genre: atmospheric · theme: custom (brand obsidian + live-coral)
 * Portable export of the system used by index.html. Reference by name — never inline raw values.
 */
:root {
  /* ---- surfaces (obsidian, cool-tinted, never pure black) ---- */
  --paper:    oklch(13% 0.008 262);
  --paper-2:  oklch(17% 0.014 266);
  --paper-3:  oklch(20% 0.016 268);
  --well:     oklch(9%  0.006 262);

  /* ---- ink (every tier clears WCAG 4.5:1 on --paper) ---- */
  --ink:      oklch(93% 0.005 255);
  --ink-2:    oklch(74% 0.018 258);
  --ink-3:    oklch(66% 0.020 258);

  /* ---- hairlines (decorative, not text) ---- */
  --line:     oklch(74% 0.03 262 / 0.12);
  --line-2:   oklch(74% 0.03 262 / 0.22);

  /* ---- accent system ---- */
  --action:     oklch(72% 0.17 30);   /* live-coral primary */
  --action-2:   oklch(77% 0.16 32);   /* hover-bright */
  --action-ink: oklch(22% 0.05 38);   /* ink on coral fills */
  --core:       oklch(83% 0.12 72);   /* warm-gold Core */
  --focus:      oklch(83% 0.12 72);   /* focus ring */

  /* ---- currency metallurgy ramp ---- */
  --scrap:  oklch(66% 0.030 262);
  --data:   oklch(76% 0.100 215);
  --shards: oklch(67% 0.070 50);
  --flux:   oklch(67% 0.160 350);
  --axiom:  oklch(86% 0.120 95);

  /* ---- type ---- */
  --font-display: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body:    'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  --text-xs:   0.78rem;
  --text-sm:   0.9rem;
  --text-md:   1.05rem;
  --text-lg:   1.2rem;
  --text-h1:   clamp(1.6rem, 1.05rem + 2.4vw, 2.45rem);
  --text-h2:   clamp(1.7rem, 1.2rem + 2.1vw, 2.3rem);
  --text-verb: clamp(2rem, 1.1rem + 4.4vw, 3.4rem);
  --text-stmt: clamp(2.05rem, 1.1rem + 4.6vw, 3.4rem);

  /* ---- 4-pt spacing scale ---- */
  --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;

  /* ---- motion ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.12s;
  --dur:      0.18s;
  --dur-slow: 0.5s;

  /* ---- elevation: neutral shadows with a downward offset ---- */
  --shadow-tint: oklch(6% 0 0);
  --shadow-fig:  0 22px 48px -28px oklch(6% 0 0 / 0.9);
  --shadow-hero: 0 28px 60px -30px oklch(6% 0 0 / 0.92);
  --shadow-pill: 0 12px 34px -16px oklch(6% 0 0 / 0.8);

  /* ---- geometry ---- */
  --rule-hair:   1px;
  --radius-sm:   8px;
  --radius-fig:  14px;
  --radius-lg:   20px;
  --radius-pill: 999px;
}