:root {
  --mint-bg: #F5F7F4;
  --mint-surface: #FFFFFF;
  --mint-tone: #2D6A4F;
  --mint-tone-hover: #1B4332;
  --mint-accent: #52B788;
  --mint-ink: #1F2923;
  --mint-gradient: linear-gradient(135deg, #2D6A4F 0%, #40916C 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

.mint-main-image {
  display: none;
}

#mint-shot-1:checked ~ .mint-slide-wrap #view-shot-1,
#mint-shot-2:checked ~ .mint-slide-wrap #view-shot-2,
#mint-shot-3:checked ~ .mint-slide-wrap #view-shot-3,
#mint-shot-4:checked ~ .mint-slide-wrap #view-shot-4 {
  display: block;
}

#mint-shot-1:checked ~ .tea-thumb-tray label[for="mint-shot-1"],
#mint-shot-2:checked ~ .tea-thumb-tray label[for="mint-shot-2"],
#mint-shot-3:checked ~ .tea-thumb-tray label[for="mint-shot-3"],
#mint-shot-4:checked ~ .tea-thumb-tray label[for="mint-shot-4"] {
  border-color: var(--mint-tone);
  box-shadow: 0 0 0 2px rgba(45, 106, 79, 0.25);
  transform: translateY(-2px);
}

.tea-thumb-pick:hover {
  border-color: var(--mint-accent);
}

.tea-amazon-action {
  border-radius: 999px;
  text-decoration: none;
}

.tea-amazon-action:hover {
  box-shadow: 0 12px 24px -6px rgba(45, 106, 79, 0.45);
  transform: translateY(-2px);
  filter: brightness(1.05);
}

.tea-amazon-action:active {
  transform: translateY(0);
}