:root {
  --osteo-bg: #f4f7f6;
  --osteo-surface: #ffffff;
  --osteo-tone: #0d7a5f;
  --osteo-tone-hover: #085a45;
  --osteo-ink: #1e293b;
  --osteo-gradient: linear-gradient(135deg, #0d7a5f 0%, #2563eb 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* Preset A Header Accent Line */
.osteo-top-bar {
  border-bottom: 4px solid var(--osteo-tone);
}

/* Gallery Radio Controls & Slide Logic */
.osteo-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

#gal-1:checked ~ .osteo-pic-stage .slide-1,
#gal-2:checked ~ .osteo-pic-stage .slide-2,
#gal-3:checked ~ .osteo-pic-stage .slide-3,
#gal-4:checked ~ .osteo-pic-stage .slide-4 {
  opacity: 1;
  pointer-events: auto;
  z-index: 10;
}

/* Thumbnail highlighting */
#gal-1:checked ~ .osteo-pic-thumb-group label[for="gal-1"],
#gal-2:checked ~ .osteo-pic-thumb-group label[for="gal-2"],
#gal-3:checked ~ .osteo-pic-thumb-group label[for="gal-3"],
#gal-4:checked ~ .osteo-pic-thumb-group label[for="gal-4"] {
  border-color: var(--osteo-tone);
  box-shadow: 0 0 0 1px var(--osteo-tone);
}

.osteo-thumb {
  border-color: #e5e7eb;
}
.osteo-thumb:hover {
  border-color: var(--osteo-tone);
}

/* Preset A CTA Pill Styling */
.osteo-purchase-btn {
  background-color: var(--osteo-tone);
  border-radius: 999px;
}

.osteo-purchase-btn:hover {
  background-color: var(--osteo-tone-hover);
  box-shadow: 0 10px 25px -5px rgba(13, 122, 95, 0.4);
  transform: translateY(-2px);
}

/* Preset A Review Left Accent Border */
.osteo-feedback-item {
  border-left: 4px solid var(--osteo-tone);
}