/* Font faces */
@font-face {
  font-family: "Terminal";
  font-weight: bold;
  src: local("terminal-grotesque"),
    url("/assets/fonts/terminal-grotesque.ttf") format("truetype");
}

@font-face {
  font-family: "Danzza";
  src: local("Danzza Regular"),
    url("/assets/fonts/Danzza%20Regular.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Danzza Medium";
  src: local("Danzza Medium"),
    url("/assets/fonts/Danzza%20Medium.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Danzza Light";
  src: local("Danzza Light"),
    url("/assets/fonts/Danzza%20Light.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Danzza Bold";
  src: local("Danzza Bold"),
    url("/assets/fonts/Danzza%20Bold.otf") format("opentype");
  font-display: swap;
}

/* Font utility classes */
.font-face-terminal {
  font-family: "Terminal";
}

.font-face-danzza {
  font-family: "Danzza";
}

.font-face-danzza-light {
  font-family: "Danzza Light";
}

.font-face-danzza-medium {
  font-family: "Danzza Medium";
}

.font-face-danzza-bold {
  font-family: "Danzza Bold";
}

.green {
  color: var(--color-primary);
}

.gradient-blue {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #2c85f3 0, #68e0cf 50%);
  background-clip: text;
  -webkit-background-clip: text;
}

.pixel {
  font-family: "Terminal", sans-serif;
}

strong {
  font-weight: 900;
}