:root {
  /* Стан «старт» — сторінка відкривається саме в ньому. */
  --bg: #ffffff;
  --fg: #111111;
  --fg-muted: #5a5a5a;
  --accent: #111111;
  --accent-ink: #ffffff;
  --grayscale: 1;

  /* Цільові значення стану «фініш». Читаються з JS, у каскаді не беруть участі. */
  --start-bg: #ffffff;
  --start-fg: #111111;
  --start-fg-muted: #5a5a5a;
  --start-accent: #111111;
  --start-accent-ink: #ffffff;

  --finish-bg: #ddc9b2;
  --finish-fg: #2a2119;
  --finish-fg-muted: #6b5c4b;
  --finish-accent: #c29f7f;
  --finish-accent-ink: #2a2119;

  /* Типографічна шкала, плавна між 375px і 1280px. */
  --step-0: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --step-1: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
  --step-2: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --step-3: clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);
  --step-4: clamp(2.75rem, 1.8rem + 4.2vw, 4.5rem);

  --space-section: clamp(4.5rem, 3rem + 7vw, 9rem);
  --wrap-max: 40rem;
  --wrap-pad: clamp(1.25rem, 0.5rem + 3vw, 2.5rem);
}