@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/bebas-neue-latin.woff2") format("woff2");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("./fonts/dm-sans-latin.woff2") format("woff2");
}

:root {
  --ink: #0b0c0c;
  --paper: #f4f3ef;
  --paper-2: #e8e7e2;
  --acid: #ffd527;
  --signal: #9de2ff;
  --line: rgba(255, 255, 255, 0.18);
  --muted: #a5a5a2;
  --display: "Bebas Neue", "Arial Narrow", sans-serif;
  --sans: "DM Sans", Arial, sans-serif;
  --step--1: clamp(0.78rem, 0.71rem + 0.22vw, 0.9rem);
  --step-0: clamp(1rem, 0.92rem + 0.3vw, 1.18rem);
  --step-1: clamp(1.32rem, 1.08rem + 1vw, 2rem);
  --step-2: clamp(2.2rem, 1.42rem + 3.2vw, 4.8rem);
  --step-3: clamp(4.8rem, 2.5rem + 9vw, 11rem);
  --gutter: clamp(1.25rem, 3.2vw, 4.5rem);
  --section: clamp(5rem, 10vw, 10rem);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --fast: 220ms;
  --slow: 900ms;
  color-scheme: dark;
}