:root {
  --bergjoint-bg: #f4f8f7;
  --bergjoint-surface: #ffffff;
  --bergjoint-tone: #0e8388;
  --bergjoint-tone-hover: #2e4f4f;
  --bergjoint-ink: #1b262c;
  --bergjoint-gradient: linear-gradient(135deg, #0e8388 0%, #2e4f4f 100%);
  --font-display: 'Raleway', sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* Base Headings Uppercase styling */
h1, h2, h3, .berg-item-heading, .berg-brand-badge, .berg-buy-trigger {
  text-transform: uppercase;
}

/* Pure CSS Radio Gallery Mechanics */
.slide-wrap .slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1;
}

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

/* Preset C Thumbnail Opacity Behavior */
.berg-thumb-trigger {
  opacity: 0.5;
  transition: all 0.2s ease;
  cursor: pointer;
  border-color: transparent;
}

.berg-thumb-trigger:hover {
  opacity: 0.8;
}

#gal-img-1:checked ~ .berg-thumb-rack label[for="gal-img-1"],
#gal-img-2:checked ~ .berg-thumb-rack label[for="gal-img-2"],
#gal-img-3:checked ~ .berg-thumb-rack label[for="gal-img-3"],
#gal-img-4:checked ~ .berg-thumb-rack label[for="gal-img-4"] {
  opacity: 1;
  border-color: var(--bergjoint-tone);
}

/* CTA Button Styles */
.berg-buy-trigger {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.berg-buy-trigger:hover {
  background-color: var(--bergjoint-bg) !important;
  box-shadow: 0 6px 20px rgba(14, 131, 136, 0.15);
}