@font-face {
  font-family: Manrope;
  src: url('/assets/fonts/Manrope-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --stage: #050505;
  --graphite: #15171c;
  --ink: #fafaf9;
  --muted: #a7a6a6;
  --purple: #7c3aed;
  --orange: #f97316;
  --line: rgb(250 250 249 / 18%);
  --font: Manrope, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gutter: clamp(24px, 5.05vw, 75px);
  --container: 1337px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --hero-unit: calc(100svh / 1058);
}