:root {
  --testtea-bg: #F8F9F6;
  --testtea-surface: #FFFFFF;
  --testtea-tone: #1E4620;
  --testtea-tone-hover: #153217;
  --testtea-ink: #182219;
  --testtea-accent: #D97706;
  --testtea-gradient: linear-gradient(135deg, #1E4620 0%, #112812 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* Custom Reset & CSS-Only Radio Gallery Controls */
.herbbrew-radio-trigger {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.herbbrew-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
}

/* Radio Checked Visibility Logic */
#photo-opt-1:checked ~ .herbbrew-stage .herbbrew-slide-1,
#photo-opt-2:checked ~ .herbbrew-stage .herbbrew-slide-2,
#photo-opt-3:checked ~ .herbbrew-stage .herbbrew-slide-3,
#photo-opt-4:checked ~ .herbbrew-stage .herbbrew-slide-4 {
  opacity: 1;
  z-index: 2;
}

/* Design Preset C: Thumbnails opacity 0.5 when inactive, 1 when active */
.tea-thumb-item {
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.tea-thumb-item:hover {
  opacity: 0.8;
}

#photo-opt-1:checked ~ .tea-thumb-bar label[for="photo-opt-1"],
#photo-opt-2:checked ~ .tea-thumb-bar label[for="photo-opt-2"],
#photo-opt-3:checked ~ .tea-thumb-bar label[for="photo-opt-3"],
#photo-opt-4:checked ~ .tea-thumb-bar label[for="photo-opt-4"] {
  opacity: 1;
  border-color: var(--testtea-tone);
}