@font-face {
  font-family: "BEAST Archivo";
  src: url("../assets/fonts/archivo-variable.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root {
  --beast-cyan: #00a8e8;
  --beast-red: #f9423a;
  --beast-navy: #061826;
  --beast-ink: #02050c;
  --beast-white: #ffffff;
  --beast-muted: #a8bac7;
  --beast-line: #294050;
  --beast-font-display: "BEAST Archivo", "Arial Black", sans-serif;
  --beast-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --beast-radius-button: 999px;
  --beast-space-page: clamp(20px, 4vw, 64px);
  --beast-ease: cubic-bezier(0.22, 1, 0.36, 1);
}