/* CMX WD 5.0 · The Register · design tokens
   Provenance: paper + toner + margin cyan from the printed FINGERPRINTS.md;
   graphite from the half-length 2B pencil; rules from the ledger lines;
   instant motion from the sketchbook thud. */

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../assets/fonts/Bitter.woff2") format("woff2");
}
@font-face {
  font-family: "Bitter";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("../assets/fonts/BitterItalic.woff2") format("woff2");
}

:root {
  /* colour · uncoated paper, toner black, graphite annotation, one cyan flag */
  --paper: oklch(98.3% 0.004 95);
  --paper-shade: oklch(96.6% 0.0035 95);
  --toner: oklch(18% 0.01 270);
  --ink: oklch(24% 0.009 270);
  --graphite: oklch(44% 0.006 260);
  --rule: oklch(88% 0.006 95);
  --rule-strong: oklch(64% 0.008 260);
  --cyan: oklch(75% 0.125 220);
  --cyan-deep: oklch(46% 0.1 220);

  /* type · slab struck into paper; humanist sans for the running hand */
  --f-slab: "Bitter", "Rockwell", "Roboto Slab", Georgia, serif;
  --f-sans: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;

  --t-display: clamp(2.15rem, 1.05rem + 4.7vw, 4.6rem);
  --t-h2: clamp(1.5rem, 1.15rem + 1.5vw, 2.3rem);
  --t-h3: clamp(1.12rem, 1.02rem + 0.45vw, 1.35rem);
  --t-body: clamp(1rem, 0.96rem + 0.2vw, 1.11rem);
  --t-small: 0.9rem;
  --t-micro: 0.8rem;

  /* space · ruled rhythm */
  --s1: 0.5rem;
  --s2: 1rem;
  --s3: 1.5rem;
  --s4: 2.5rem;
  --s5: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);

  /* motion · laid fast, lands soft, then stops */
  --snap: 110ms cubic-bezier(0.2, 0.8, 0.3, 1);

  --sheet: 70rem;
  --col: 44rem;
}