:root {
  --bergjoint-bg: #f3f6f8;
  --bergjoint-surface: #ffffff;
  --bergjoint-tone: #0284c7;
  --bergjoint-tone-hover: #0369a1;
  --bergjoint-ink: #1e293b;
  --bergjoint-gradient: linear-gradient(135deg, #0284c7 0%, #0f766e 100%);
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* Gallery Radio Logic */
.drberg-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}

#drberg-pic-1:checked ~ .drberg-vis-deck .drberg-slide-1,
#drberg-pic-2:checked ~ .drberg-vis-deck .drberg-slide-2,
#drberg-pic-3:checked ~ .drberg-vis-deck .drberg-slide-3,
#drberg-pic-4:checked ~ .drberg-vis-deck .drberg-slide-4 {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}

/* Highlight Active Thumbnail Border */
#drberg-pic-1:checked ~ .drberg-thumbs label[for="drberg-pic-1"],
#drberg-pic-2:checked ~ .drberg-thumbs label[for="drberg-pic-2"],
#drberg-pic-3:checked ~ .drberg-thumbs label[for="drberg-pic-3"],
#drberg-pic-4:checked ~ .drberg-thumbs label[for="drberg-pic-4"] {
  border-color: var(--bergjoint-tone);
  box-shadow: 0 0 0 1px var(--bergjoint-tone);
}

/* Custom CTA Hover Style */
.drberg-btn-prime {
  box-shadow: 0 10px 15px -3px rgba(2, 132, 199, 0.3), 0 4px 6px -2px rgba(2, 132, 199, 0.05);
}

.drberg-btn-prime:hover {
  box-shadow: 0 20px 25px -5px rgba(2, 132, 199, 0.4), 0 10px 10px -5px rgba(2, 132, 199, 0.1);
}