:root {
  --cream: #FDFFF1;
  --ink: #302D2D;
  --blue: #1968B4;
  --blue-deep: #14548F;
  --band: #953012;            /* the closing colour block; set to var(--blue) or var(--ink) to fold it into one accent */
  --line: rgba(48, 45, 45, .2);
  --muted: rgba(48, 45, 45, .6);
  --faint: rgba(48, 45, 45, .1);
  --pill-border: rgba(209, 225, 240, .9);

  --font-display: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --display: 64px;            /* every heading on the page */
  --display-lh: 1;
  --display-track: -0.015em;
  --body: 18px;
  --body-lh: 24px;
  --small: 14px;

  --radius: 2px;
  --container: 1440px;
  --gutter: 24px;
  --col-gap: 24px;
  --gap-section: 240px;       /* air between sections */
  --pill-h: 36px;
  --btn-h: 40px;
}