:root {
  --primary-color: #cfc8c3;
  --secondary-color: #1d1b19;
}

@theme {
  --font-sans: InterVariable, sans-serif;
}

body {
  height: 100vh;
  font-family: "inter";
  background-color: var(--secondary-color);
}

.main-ig-icon {
  fill: var(--primary-color);
}

.logo {
}

.button {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  cursor: pointer;
}

.button:hover {
  background-color: rgb(185, 180, 175)
}

.button-secondary {
  color: var(--primary-color);
  background-color: var(--secondary-color);
  cursor: pointer;
}

.button-secondary:hover {
  background-color: rgb(54, 54, 54);
}

.button-soundcloud:hover {
  background-color: #ff5500 !important;
}

.live-sets-section {
  color: var(--secondary-color);
  background-color: var(--primary-color)
}

.card {
  background-color: var(--primary-color)
}

.text-secondary {
  color: var(--primary-color);
}

.footer {
  color: var(--primary-color);
  border-color: #cfc8c377;
} 

.cursor-blink {
  animation: blink 1s steps(2, start) infinite;
}

@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  50.01%, 100% {
    opacity: 0;
  }
}