:root {
  --soothe-bg: #f0fdfa;
  --soothe-surface: #ffffff;
  --soothe-tone: #0284c7;
  --soothe-tone-hover: #0369a1;
  --soothe-ink: #0f172a;
  --soothe-muted: #64748b;
  --soothe-gradient: linear-gradient(135deg, #0284c7 0%, #0d9488 100%);
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* Custom Reset & Base Styling */
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* Pure CSS Gallery Control */
.soothe-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}

#soothe-img-1:checked ~ .soothe-slides-frame .soothe-slide-1,
#soothe-img-2:checked ~ .soothe-slides-frame .soothe-slide-2,
#soothe-img-3:checked ~ .soothe-slides-frame .soothe-slide-3,
#soothe-img-4:checked ~ .soothe-slides-frame .soothe-slide-4 {
  opacity: 1;
  z-index: 2;
}

/* Thumbnails Active State Highlights */
#soothe-img-1:checked ~ .soothe-thumb-strip label[for="soothe-img-1"],
#soothe-img-2:checked ~ .soothe-thumb-strip label[for="soothe-img-2"],
#soothe-img-3:checked ~ .soothe-thumb-strip label[for="soothe-img-3"],
#soothe-img-4:checked ~ .soothe-thumb-strip label[for="soothe-img-4"] {
  border-color: var(--soothe-tone);
  box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.3);
}

.soothe-thumb-item {
  border-color: transparent;
  opacity: 0.7;
}

.soothe-thumb-item:hover {
  opacity: 1;
}

/* Button Hover State */
.soothe-cta-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}