/* ============================================================
   CARDS
   Card components used across the app.
   ============================================================ */

/* ---- Detail card: white content panel ---- */
.detail-card {
  background: var(--color-white);
  border-radius: var(--radius-xl);
  margin: 1rem;
  padding: 2rem;
  box-shadow: var(--shadow-card);
}

.detail-card-title {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-gray-400);
  margin: 0 0 1.25rem;
}

/* The spot card lives in pages/spots.css — it only ever appears on the
   index page's atmosphere backdrop, so it is styled there, once. */