@font-face { font-family: "Verano Sans"; src: url("../fonts/VeranoSans-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Verano Sans"; src: url("../fonts/VeranoSans-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Verano Sans"; src: url("../fonts/VeranoSans-Black.ttf") format("truetype"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Onest"; src: url("../fonts/Onest-Light.ttf") format("truetype"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Onest"; src: url("../fonts/Onest-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Onest"; src: url("../fonts/Onest-ExtraBold.ttf") format("truetype"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Fet"; src: url("../fonts/Fet%20Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Pirulen"; src: url("../fonts/Pirulen%20Rg.otf") format("opentype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Unbounded"; src: url("../fonts/Unbounded-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }

:root {
  --bg: #000;
  --sidebar-bg: #0b0611;
  --white: #fff;
  --accent: #c770f9;
  --accent-border: #bc82d9;
  --accent-line: #d79eff;
  --accent-soft: #e6bbf4;
  --teal: #20e5be;
  --teal-bg: #152729;

  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-bg-soft: rgba(217, 217, 217, 0.05);
  --glass-border: rgba(255, 255, 255, 0.1);
  --accent-tint: rgba(199, 112, 249, 0.1);

  --f-verano: "Verano Sans", system-ui, sans-serif;
  --f-onest: "Onest", system-ui, sans-serif;
  --f-fet: "Fet", cursive;
  --f-pirulen: "Pirulen", var(--f-verano);

  --sidebar-w: 245px;
  --content-max: 1127px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-hover: 200ms;
}