@font-face {
  font-family: "Barlow Condensed VF";
  src: url("./assets/barlow-condensed-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Inter VF";
  src: url("./assets/inter-variable.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Mono VF";
  src: url("./assets/roboto-mono-variable.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
}

:root {
  --vf-obsidian: #0a0a0d;
  --vf-frontier-red: #b5142e;
  --vf-signal: #ff4a3d;
  --vf-ceramic: #f3f0e8;
  --vf-gunmetal: #575b63;
  --vf-cold-steel: #8d929b;
  --vf-white: #ffffff;
  --vf-display: "Barlow Condensed VF", "Arial Narrow", "Helvetica Neue", sans-serif;
  --vf-body: "Inter VF", Inter, "Helvetica Neue", Arial, sans-serif;
  --vf-mono: "Roboto Mono VF", "SFMono-Regular", Consolas, monospace;
  --vf-line: 1px solid currentColor;
  --vf-gutter: clamp(1.25rem, 4vw, 4.5rem);
  --vf-section: clamp(4.5rem, 10vw, 9rem);
  --vf-fast: 160ms;
  --vf-measured: 320ms;
}