:root {
  --sage-bg: #f4f7f4;
  --sage-accent: #5a7d65;
  --card-white: #ffffff;
  --text-dark: #222b25;
}

body.bg-sage {
  background-color: var(--sage-bg);
  font-family: 'Montserrat', sans-serif;
  color: var(--text-dark);
  min-height: 100vh;
}

.invite-wrapper {
  max-width: 480px;
}

.floral-card {
  background-color: var(--card-white);
  border-radius: 28px;
}

.font-italiana {
  font-family: 'Italiana', serif;
}

.tracking-widest {
  letter-spacing: 2.5px;
}

.countdown-wrap {
  background-color: #f7faf8;
  border: 1px solid #e5ede7;
}

.timer-box {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5ede7;
}

.details-card {
  background: #fdfdfd;
  border-color: #edf2ed !important;
}

.gallery-thumbnail {
  aspect-ratio: 1/1;
  object-fit: cover;
  border: 1px solid #e5ede7;
}

.x-small {
  font-size: 0.7rem;
}