/* Light only: white space, large type, one accent. Hand-written; the values are the design. */
:root {
  color-scheme: light;
  --ink: #1d1d1f;
  --ink-soft: #515154;
  --paper: #ffffff;
  --wash: #f5f5f7;
  --line: #d2d2d7;
  --accent: #0050d8;
  --accent-ink: #ffffff;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --measure: 40rem;
  --wrap: 70rem;
  --pad: clamp(1.25rem, 5vw, 3rem);
  --gap: clamp(1.25rem, 3vw, 2rem);
  --section: clamp(4rem, 10vw, 8rem);
  --bar: 3.25rem;

  --step-0: clamp(1.0625rem, 0.4vw + 0.98rem, 1.1875rem);
  --step-1: clamp(1.25rem, 1vw + 1rem, 1.625rem);
  --step-2: clamp(1.875rem, 2.6vw + 1rem, 3rem);
  --step-3: clamp(2.5rem, 5.5vw + 0.5rem, 5.25rem);
}