@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("Outfit.ttf") format("truetype");
}

:root {
  --venia-bg: #1a1b26;
  --venia-text: #c0caf5;
  --venia-text-dim: #a9b1d6;
  --venia-bg-elev: #24283b;
  --venia-border: #414868;
  --venia-font: Outfit, system-ui, sans-serif;
  --venia-wordmark-font: Outfit, "Segoe UI", sans-serif;
  --venia-wordmark-weight: 600;
  --venia-blue: #7aa2f7;
  --venia-magenta: #bb9af7;
  --venia-cyan: #7dcfff;
  --venia-teal: #73daca;
  --venia-red: #f7768e;
}