@import url('https://fonts.googleapis.com/css2?family=Shrikhand&family=Poppins:wght@300;400;600;700&display=swap');

:root {
  --sunset: #e85b39;
  --golden: #f4b860;
  --cream: #fffaf3;
  --navy: #25314a;
  --teal: #4e9d91;
  --rust: #b64b32;
  --shadow: rgba(0,0,0,0.25);
}

/* General */
body {
  font-family: 'Poppins', sans-serif;
  background: var(--cream);
  color: #3a2d1e;
}
h1,h2,h3,h4,h5 { letter-spacing: 0.5px; }

/* Hero Section */
.hero-americana {
  background-image: url('https://images.unsplash.com/photo-1503264116251-35a269479413?w=1600');
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 100vh;
}
.hero-americana .overlay {
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.7));
  backdrop-filter: blur(2px);
}
.americana-title {
  font-family: 'Shrikhand', cursive;
  color: var(--golden);
  text-shadow: 3px 3px 10px var(--shadow);
  letter-spacing: 1px;
}
.btn-sunshine {
  background: var(--golden);
  color: #4b2b10;
  font-weight: 700;
  border: none;
  border-radius: 50px;
  padding: 0.8rem 1.6rem;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transition: all .3s ease;
}
.btn-sunshine:hover { background:#ffd88c; transform:translateY(-3px); }
.btn-outline-cream {
  color: var(--cream);
  border:2px solid var(--cream);
  padding:0.8rem 1.6rem;
  border-radius:50px;
  transition:all .3s ease;
}
.btn-outline-cream:hover { background:var(--cream); color:var(--rust); }

/* About Section */
.about-block img.vintage-frame {
  border:6px solid var(--golden);
  border-radius:10px;
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
  transform:rotate(-1.5deg);
  transition:transform .3s ease;
}
.about-block img.vintage-frame:hover { transform:rotate(0deg) scale(1.03); }
.text-sunset { color: var(--rust)!important; }

/* Playlist Section */
.playlist-block {
  background-image: url('https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?w=1600');
  background-size: cover;
  background-position: center;
  position: relative;
}
.playlist-block .overlay {
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.85));
}
.playlist-block h3 {
  font-family:'Shrikhand', cursive;
  color:var(--golden);
  text-shadow:2px 2px 6px rgba(0,0,0,0.5);
}

/* Join Section */
.join-block {
  background-image: url('https://images.unsplash.com/photo-1609092508364-09ed3ff3948d?w=1600');
  background-size: cover;
  background-position: center;
  position: relative;
}
.join-block .overlay {
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.9));
}
.join-card {
  border:2px solid var(--golden);
  transition:transform .3s ease, box-shadow .3s ease;
}
.join-card:hover {
  transform:translateY(-4px);
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
}

/* Buttons & Forms */
.btn-primary {
  background-color: var(--sunset);
  border:none;
  transition:all .3s ease;
}
.btn-primary:hover { background-color:#ff7957; }
form input {
  border-radius:8px;
  border:1px solid rgba(0,0,0,0.15);
  padding:10px 14px;
}
form input:focus {
  border-color: var(--rust);
  box-shadow: 0 0 0 0.2rem rgba(182,75,50,0.25);
}

/* Navbar */
.navbar {
  background-color: var(--cream)!important;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.nav-link {
  color:#553d2a!important;
  font-weight:500;
  letter-spacing:.3px;
}
.nav-link:hover { color:var(--rust)!important; }

/* Artist Cards */
.artist-card {
  background:#fffefb;
  border-radius:8px;
  box-shadow:0 3px 10px rgba(0,0,0,0.15);
  overflow:hidden;
  transition:transform .3s ease;
}
.artist-card:hover { transform:translateY(-4px); }
.artist-card img {
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.artist-card .card-body {
  background:linear-gradient(180deg,#fffefb 0%,#fff5e3 100%);
}

/* Utility */
.bg-cream { background: var(--cream)!important; }
.text-muted { color:#7d6b5a!important; }