@font-face {
  font-family: "Manrope";
  src: url("./fonts/manrope-variable.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

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

:root {
  --vf-violet: #7257ff;
  --vf-cyan: #35d6e8;
  --vf-coral: #ff6b7a;
  --vf-midnight: #11121a;
  --vf-slate: #626778;
  --vf-cloud: #f6f7fb;
  --vf-white: #ffffff;
  --vf-flow-gradient: linear-gradient(115deg, var(--vf-violet), var(--vf-cyan));
  --vf-font-display: "Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;
  --vf-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --vf-font-code: "JetBrains Mono", ui-monospace, monospace;
}