body {
        font-family: "Karla", sans-serif;
        background-color: #111827; /* gray-900 */
        color: #d1d5db; /* gray-300 */
      }
      h1,
      h2,
      h3 {
        font-family: "Montserrat", sans-serif;
      }
      .hero-bg {
        background-image: linear-gradient(
            rgba(17, 24, 39, 0.8),
            rgba(17, 24, 39, 0.8)
          ),
          url("https://images.pexels.com/photos/8992923/pexels-photo-8992923.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2");
      }
      .artist-card:hover .artist-overlay {
        opacity: 1;
      }
      .artist-overlay {
        transition: opacity 0.3s ease;
      }