/* ScoreLabs — design tokens
 * Hallmark custom theme · vibe: "morning newsprint, press-red masthead, verified ink"
 * axes: light / editorial-serif / chromatic-red ~25°
 * Every colour and font in styles.css references these by name. No inline values.
 */
:root {
  /* ---- colour · paper (warm newsprint, hue 85) ---- */
  --color-paper:    oklch(96.5% 0.012 85);
  --color-paper-2:  oklch(93.5% 0.014 85);
  --color-paper-3:  oklch(90% 0.016 85);

  /* ---- colour · ink ---- */
  --color-ink:      oklch(22% 0.015 270);
  --color-ink-2:    oklch(32% 0.014 270);

  /* ---- colour · supporting greys ---- */
  --color-rule:     oklch(84% 0.012 85);
  --color-rule-2:   oklch(78% 0.013 85);
  --color-muted:    oklch(46% 0.014 270);
  --color-neutral:  oklch(60% 0.012 270);

  /* ---- colour · accent (press red, hue 25) ---- */
  --color-accent:      oklch(50% 0.19 27);
  --color-accent-ink:  oklch(97% 0.01 27);       /* text on accent fill */
  --color-accent-dim:  oklch(50% 0.19 27 / 0.08); /* tint washes only */
  --color-focus:       oklch(45% 0.2 27);

  /* ---- colour · form states ---- */
  --color-error:    oklch(48% 0.18 27);
  --color-ok:       oklch(48% 0.12 150);

  /* ---- type ---- */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body:    "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-data:    "IBM Plex Mono", "SFMono-Regular", monospace;

  /* ---- scale ---- */
  --size-hero:  clamp(2.5rem, 6.5vw, 4.4rem);
  --size-h2:    clamp(1.7rem, 3.6vw, 2.5rem);
  --size-h3:    1.16rem;
  --size-body:  1.02rem;
  --size-small: .875rem;
  --size-tiny:  .74rem;

  /* ---- rhythm ---- */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --space-5: 5.5rem;
  --wrap: 72rem;
  --wrap-text: 46rem;

  /* ---- misc ---- */
  --radius: 3px;
  --border: 1px solid var(--color-rule);
  --border-ink: 1.5px solid var(--color-ink);
  --ease: cubic-bezier(.22,.9,.3,1);
}