:root {
  /* Colour: white paper, ink, one lemon highlighter yellow (toned down from #ffe500, too glaring
     as a full screen). --muted is deepened to --muted-on-hl while the page is yellow. */
  --paper: #ffffff;
  --ink: #111111;
  --muted: #5c5c5c;
  --hl: #f7da3e;
  --muted-on-hl: #4a4a4a;
  --line: #111111;

  --rule: 2px;
  --hairline: 1px;

  --font: "Archivo", "Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;

  /* Type scale */
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-body: clamp(1rem, 0.3vw + 0.93rem, 1.125rem);
  --fs-lead: clamp(1.125rem, 0.8vw + 0.9rem, 1.5rem);
  --fs-h3: clamp(1.375rem, 1.4vw + 1rem, 2.5rem);
  --fs-h2: clamp(2.5rem, 6.4vw, 7rem);
  --fs-h1: clamp(3.25rem, 9.6vw, 10.5rem);
  --fs-num: clamp(3.25rem, 8vw, 9rem);
  --fs-display: clamp(6rem, 19vw, 18rem);

  /* Space */
  --gutter: clamp(16px, 5vw, 80px);
  --maxw: 1520px;
  --section-pad: clamp(88px, 13vw, 200px);
  --nav-h: 64px;

  --ease: cubic-bezier(.2, .7, 0, 1);
}