:root {
  --bg: #000000;
  --text: #e8e8e8;
  --text-dim: #888888;
  --text-muted: #505050;
  --text-faint: #2a2a2a;
  --border: rgba(255, 255, 255, 0.06);

  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'Space Mono', monospace;

  --display-size: 4.25rem;
  --display-weight: 200;
  --display-lh: 1.1;
  --display-ls: -0.03em;

  --h1-size: 2.25rem;
  --h1-weight: 300;
  --h1-lh: 1.2;
  --h1-ls: -0.02em;

  --h2-size: 1.625rem;
  --h2-weight: 300;
  --h2-lh: 1.3;
  --h2-ls: -0.015em;

  --h3-size: 1.125rem;
  --h3-weight: 400;
  --h3-lh: 1.4;

  --body-size: 0.9375rem;
  --body-weight: 400;
  --body-lh: 1.65;

  --body-lg-size: 1.0625rem;
  --body-lg-weight: 300;
  --body-lg-lh: 1.7;

  --eyebrow-size: 0.6875rem;
  --eyebrow-weight: 400;
  --eyebrow-ls: 0.08em;

  --mono-size: 0.75rem;

  --container: 620px;
  --container-wide: 940px;
  --container-px: 24px;

  --section-gap: 160px;
  --gap-paradigm-cta: 160px;
  --nav-height: 56px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 767px) {
  :root {
    --display-size: 2.25rem;
    --display-weight: 300;
    --h1-size: 1.75rem;
    --h2-size: 1.25rem;
    --h3-size: 1.0625rem;
    --body-lg-size: 1rem;
    --section-gap: 100px;
    --gap-paradigm-cta: 100px;
    --container-px: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --display-size: 3rem;
    --h1-size: 2rem;
    --h2-size: 1.375rem;
    --section-gap: 130px;
    --gap-paradigm-cta: 120px;
  }
}