@font-face {
  font-family: 'Bebas Neue Local';
  src: url('../assets/fonts/BebasNeue-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  background-color: var(--color-bg-main);
  color: var(--color-text);
  font-family: var(--font-headline);
  line-height: 1.4;
  letter-spacing: 0.01em;
  isolation: isolate;
}

.page-style-guide,
.page-news,
.page-bands,
.page-tickets {
  color: var(--color-text);
}

.page-home::before,
.page-style-guide::before,
.page-news::before,
.page-bands::before,
.page-tickets::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: var(--color-bg-main);
  background-image: url("../assets/img/ui/bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  pointer-events: none;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

*::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border: 1px solid var(--scrollbar-thumb-border);
  border-radius: 8px;
}