:root {

  --font-display: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --h1-size: 60px;   --h1-lh: 1.05;  --h1-tracking: -0.025em; --h1-weight: 700;
  --h2-size: 52px;   --h2-lh: 1.07;  --h2-tracking: -0.024em; --h2-weight: 700;
  --h3-size: 28px;   --h3-lh: 1.25;  --h3-tracking: -0.015em; --h3-weight: 600;
  --h4-size: 21px;   --h4-lh: 1.35;  --h4-tracking: -0.01em;  --h4-weight: 600;
  --h5-size: 18px;   --h5-lh: 1.45;  --h5-tracking: -0.005em; --h5-weight: 600;

  --body-lg-size: 21px;  --body-lg-lh: 1.6;
  --body-md-size: 18px;  --body-md-lh: 1.65;
  --body-sm-size: 15px;  --body-sm-lh: 1.6;
  --caption-size: 14px;  --caption-lh: 1.55;

  --fg-1: #1D1D1F;
  --fg-2: #62676B;
  --fg-3: #8E9498;

  --bg-1: #FFFFFF;
  --bg-2: #F1F3F4;
  --bg-3: #E4E8EA;

  --border-1: #E1E5E7;
  --border-2: #CDD3D6;

  --fg-accent: #FF6600;

  --accent-solid: #FF6600;

  --bg-dark: #141618;
  --bg-dark-2: #1E2124;

  --radius-ui: 8px;
  --radius-surface: 16px;
  --radius-screen: 12px;

  --section-y: clamp(72px, 9vw, 136px);
  --section-x: clamp(20px, 5vw, 64px);
}