/* Custom colors based on Color Hunt palette: #FEF1E6, #F9D5A7, #FFB085, #90AACB */

:root {
  --primary-color: #90AACB;
  --secondary-color: #FFB085;
  --tertiary-color: #F9D5A7;
  --background-color: #FEF1E6;
}

/* Override Bulma hero backgrounds */
.hero.is-primary {
  background-color: var(--primary-color) !important;
}

.hero.is-info {
  background-color: var(--secondary-color) !important;
}

.hero.is-success {
  background-color: var(--tertiary-color) !important;
}

.hero.is-danger {
  background-color: var(--background-color) !important;
}

/* Override navbar */
.navbar.is-light {
  background-color: var(--background-color) !important;
}

/* Override buttons */
.button.is-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Footer */
.footer {
  background-color: var(--tertiary-color) !important;
}

/* Other elements */
.box.has-background-light {
  background-color: var(--background-color) !important;
}

.notification.is-info {
  background-color: var(--tertiary-color) !important;
}

/* Club cards styling */
.club-item .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.club-item .card-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.club-item .card-content p {
  flex-grow: 1;
}

/* Group headers */
#clubs-list h2.title.is-3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 0.5rem;
}