@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-500.woff2") format("woff2"), url("../fonts/barlow-condensed-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: optional;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-600.woff2") format("woff2"), url("../fonts/barlow-condensed-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: optional;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-800.woff2") format("woff2"), url("../fonts/barlow-condensed-800.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: optional;
}

:root {
  --az-bg: #030619;
  --az-bg-soft: #080d27;
  --az-panel: rgba(7, 11, 34, 0.82);
  --az-panel-strong: #090e2a;
  --az-text: #f7f7ff;
  --az-muted: #a7aac1;
  --az-line: rgba(145, 95, 255, 0.48);
  --az-purple: #9c2cff;
  --az-pink: #f41172;
  --az-orange: #ff8a00;
  --az-cyan: #18b9ff;
  --az-green: #17edb0;
  --az-radius: 8px;
  --az-container: 1440px;
  --az-shadow: 0 22px 70px rgba(0, 0, 0, 0.42);
  --az-font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --az-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}