:root {
  /* Color */
  --color-signal: #ffc000;
  --color-signal-deep: #917300;
  --color-ink: #202020;
  --color-night: #181818;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-paper: #f5f5f5;
  --color-graphite: #494949;
  --color-anvil: #313131;
  --color-steel: #707070;
  --color-ash: #969696;
  --scrim: rgb(0 0 0 / 0.55);

  /* Type families */
  --font-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tracking-display: 0.023em;

  /* Type scale */
  --text-hero: clamp(48px, 8vw, 120px);      --leading-hero: 0.92;
  --text-h1: clamp(40px, 5vw + 12px, 80px);  --leading-h1: 1;
  --text-h2: clamp(32px, 2.5vw + 20px, 54px);--leading-h2: 1.05;
  --text-h3: clamp(24px, 1vw + 18px, 32px);  --leading-h3: 1.15;
  --text-h4: 22px;                           --leading-h4: 1.15;
  --text-stat: clamp(40px, 3vw + 24px, 54px);--leading-stat: 1;
  --text-lead: 20px;                         --leading-lead: 1.5;
  --text-body: 18px;                         --leading-body: 1.56;
  --text-ui: 16px;                           --leading-ui: 1.5;
  --text-button: 16px;
  --text-label: 14px;                        --leading-label: 1.5;

  /* Spacing */
  --space-4: 4px;
  --space-8: 8px;   --space-16: 16px; --space-24: 24px; --space-32: 32px;
  --space-40: 40px; --space-48: 48px; --space-56: 56px; --space-64: 64px;
  --space-80: 80px; --space-160: 160px;

  /* Layout */
  --page-max: 1440px;
  --measure: 68ch;
  --gutter: 16px;
  --section-y: 48px;
  --element-gap: 24px;
  --card-pad: 24px;
  --nav-h: 64px;
  --contactbar-h: 64px;
  --tap-min: 48px;

  /* Shape */
  --radius: 0;
  --hairline: 1px;

  /* Motion */
  --ease: 150ms ease-out;
}

@media (min-width: 640px) {
  :root {
    --gutter: 24px;
  }
}

@media (min-width: 1024px) {
  :root {
    --gutter: 40px;
    --section-y: 80px;
    --text-h4: 27px;
    --text-label: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ease: 0s;
  }
}

.display {
  font-family: var(--font-display);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: var(--tracking-display);
}