/* -------------------------------------------------------- */
/* 🔹 App Card                                              */
/* -------------------------------------------------------- */
/* Surface color, rounded corners, shadow, optional tap     */
/* Mirrors app_card.dart                                    */

.card {
  background-color: var(--color-surface);
  border-radius: var(--radius);
  padding: var(--card-padding);
  box-shadow: var(--shadow);
}


/* -------------------------------------------------------- */
/* 🔹 Tappable Card                                         */
/* -------------------------------------------------------- */
/* Press overlay */

a.card,
.card--tappable {
  display: block;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

a.card::after,
.card--tappable::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--color-press-highlight);
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}

a.card:hover::after,
.card--tappable:hover::after {
  opacity: 1;
}

a.card:active::after,
.card--tappable:active::after {
  opacity: 1;
  background: var(--color-press-active);
  transition-duration: 0.01s;
}


/* -------------------------------------------------------- */
/* 🔹 Settings variant                                      */
/* -------------------------------------------------------- */
/* Zero padding — content (e.g. settings rows) handles own  */

.card--settings {
  padding: 0;
}