:root {
  --vital-bg: #f4f9f8;
  --vital-surface: #ffffff;
  --vital-tone: #0e8388;
  --vital-tone-hover: #0b686c;
  --vital-ink: #1f2937;
  --vital-gradient: linear-gradient(135deg, #0e8388 0%, #2e8b57 100%);
  --font-display: 'Raleway', sans-serif;
  --font-body: 'Open Sans', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Gallery CSS Radio State Logic */
.vital-slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

#gal-img-1:checked ~ .flexi-viewport .slide-1,
#gal-img-2:checked ~ .flexi-viewport .slide-2,
#gal-img-3:checked ~ .flexi-viewport .slide-3,
#gal-img-4:checked ~ .flexi-viewport .slide-4 {
  opacity: 1;
  visibility: visible;
}

/* Thumbnail Border Highlighting */
#gal-img-1:checked ~ .vital-thumb-strip label[for="gal-img-1"],
#gal-img-2:checked ~ .vital-thumb-strip label[for="gal-img-2"],
#gal-img-3:checked ~ .vital-thumb-strip label[for="gal-img-3"],
#gal-img-4:checked ~ .vital-thumb-strip label[for="gal-img-4"] {
  border-color: var(--vital-tone) !important;
  background-color: rgba(14, 131, 136, 0.05);
}

/* CTA Pill Hover */
.cartilage-cta-btn:hover {
  box-shadow: 0 10px 24px rgba(14, 131, 136, 0.4) !important;
  opacity: 0.95;
}