:root {
  --refresh-drops-bg: #F4F8FA;
  --refresh-drops-surface: #FFFFFF;
  --refresh-drops-tone: #007791;
  --refresh-drops-tone-hover: #005B70;
  --refresh-drops-ink: #1C2D37;
  --refresh-drops-gradient: linear-gradient(135deg, #007791 0%, #00A896 100%);
  --font-display: 'Raleway', sans-serif;
  --font-body: 'Inter', sans-serif;
}

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

/* Pure CSS Radio Gallery Functionality */
.tear-slide-box {
  display: none;
}

#tear-photo-1:checked ~ .drop-visual-slider .tear-slide-1,
#tear-photo-2:checked ~ .drop-visual-slider .tear-slide-2,
#tear-photo-3:checked ~ .drop-visual-slider .tear-slide-3,
#tear-photo-4:checked ~ .drop-visual-slider .tear-slide-4 {
  display: block;
}

/* Thumbnail highlighting */
#tear-photo-1:checked ~ .opti-thumb-strip label[for="tear-photo-1"],
#tear-photo-2:checked ~ .opti-thumb-strip label[for="tear-photo-2"],
#tear-photo-3:checked ~ .opti-thumb-strip label[for="tear-photo-3"],
#tear-photo-4:checked ~ .opti-thumb-strip label[for="tear-photo-4"] {
  border-color: var(--refresh-drops-tone) !important;
  box-shadow: 0 0 0 1px var(--refresh-drops-tone);
}

/* Button Hover State */
.salud-action-trigger:hover {
  background-color: var(--refresh-drops-tone-hover) !important;
}