/* The scale behind every size: type steps around a 1.2 ratio, spacing in
   quarter-rem steps, the radii (square since the board direction), the two
   line weights, the two control heights, the page gutter and the reading
   measure. Rules use these rather than literals, so pages share one rhythm and
   a change lands everywhere at once. Colors live in colors.css. */
:root {
  --step--2: 0.75rem;
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.25rem;
  --step-3: 1.75rem;
  --step-4: 2.25rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius-1: 0;
  --radius-2: 0;
  --radius-3: 0;
  --radius-pill: 0;

  /* The heavy ink rule that opens a section, and a control's edge. */
  --rule-heavy: 4px;
  --edge: 2px;
  --control-size: 2.75rem;
  --pill-size: 2.5rem;
  --gutter: clamp(1rem, 4vw, 3rem);
  --measure: 65ch;
}