:root {
  --gluco-bg: #f4f8f7;
  --gluco-surface: #ffffff;
  --gluco-tone: #0d8a72;
  --gluco-tone-hover: #096856;
  --gluco-ink: #1c2a2b;
  --gluco-gradient: linear-gradient(135deg, #0d8a72 0%, #085e4e 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--gluco-bg);
  color: var(--gluco-ink);
  font-family: var(--font-body);
}

.gluco-site-top {
  border-bottom: 4px solid var(--gluco-tone);
}

.gluco-cta-button {
  background: var(--gluco-gradient);
  border-radius: 999px;
  color: #ffffff;
  transition: all 0.3s ease;
}

.gluco-cta-button:hover {
  background: var(--gluco-tone-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(13, 138, 114, 0.3);
}

.gluco-review-card {
  border-left: 4px solid var(--gluco-tone);
}

.gluco-slide-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

#gluco-g-1:checked ~ .gluco-slides-container .gluco-slide-item:nth-child(1),
#gluco-g-2:checked ~ .gluco-slides-container .gluco-slide-item:nth-child(2),
#gluco-g-3:checked ~ .gluco-slides-container .gluco-slide-item:nth-child(3),
#gluco-g-4:checked ~ .gluco-slides-container .gluco-slide-item:nth-child(4) {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

#gluco-g-1:checked ~ .gluco-thumbs-row label[for="gluco-g-1"],
#gluco-g-2:checked ~ .gluco-thumbs-row label[for="gluco-g-2"],
#gluco-g-3:checked ~ .gluco-thumbs-row label[for="gluco-g-3"],
#gluco-g-4:checked ~ .gluco-thumbs-row label[for="gluco-g-4"] {
  border-color: var(--gluco-tone);
  opacity: 1;
  box-shadow: 0 0 0 1px var(--gluco-tone);
}