:root {
  /* Core Brand Colors */
  --bg-color: #ECDCB7;           /* Light background */
  --text-color: #ecdcb7;         /* Light emphasis for text */
  --accent-color: #457B9D;       /* Key accent for links/buttons */
  --secondary-bg-color: #86A1B5; /* Secondary accent for player */
  --border-color: #8B9D78;       /* Sage secondary for dividers */
}

/* Bento-Box Aesthetic */
.release-card, .artist-card {
  background: #FFFFFF;           /* Clean white tiles */
  border: 1px solid var(--border-color);
  border-radius: 12px;           /* Rounded corners for modern look */
  padding: 20px;
  box-shadow: 4px 4px 0px #4D1E11; /* Use the dark brown secondary for a 'pop' shadow */
  transition: all 0.3s ease;
}

.release-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0px #4D1E11;
}

h1, h2, .artist-name {
  color: #ecdcb7;                /* Bold headings */
  font-weight: 800;
}