:root {
  --color-orange: #ff4d00;
  --color-orange-soft: #f68a5d;
  --color-ink: #17191a;
  --color-ink-soft: #252829;
  --color-gray: #7b868c;
  --color-line: #d7dbdd;
  --color-paper: #ffffff;
  --color-mist: #f1f1f0;
  --color-smoke: #e5e5e4;
  --color-footer: #242424;
  --font-display: "Archivo", Arial, Helvetica, sans-serif;
  --font-sans: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;
  --max-width: 1180px;
  --header-height: 86px;
  --section-y: clamp(72px, 8vw, 132px);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-soft: 0 28px 70px rgba(24, 28, 31, 0.18);
}