:root {
  --p6gh-bg: #f8fafc;
  --p6gh-surface: #ffffff;
  --p6gh-tone: #0f172a;
  --p6gh-accent: #0284c7;
  --p6gh-accent-hover: #0369a1;
  --p6gh-ink: #334155;
  --p6gh-subtext: #64748b;
  --p6gh-border: #e2e8f0;
  --p6gh-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
  --p6gh-radius: 3px;
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;
}

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

/* Gallery CSS-only implementation */
.p6gh-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}

#p6gh-img-1:checked ~ .p6gh-gallery-flex .p6gh-slide-1,
#p6gh-img-2:checked ~ .p6gh-gallery-flex .p6gh-slide-2,
#p6gh-img-3:checked ~ .p6gh-gallery-flex .p6gh-slide-3,
#p6gh-img-4:checked ~ .p6gh-gallery-flex .p6gh-slide-4 {
  opacity: 1;
  pointer-events: auto;
}

#p6gh-img-1:checked ~ .p6gh-gallery-flex label[for="p6gh-img-1"],
#p6gh-img-2:checked ~ .p6gh-gallery-flex label[for="p6gh-img-2"],
#p6gh-img-3:checked ~ .p6gh-gallery-flex label[for="p6gh-img-3"],
#p6gh-img-4:checked ~ .p6gh-gallery-flex label[for="p6gh-img-4"] {
  opacity: 1;
  outline: 2px solid var(--p6gh-accent);
}

/* Preset D CTA Hover Style */
.p6gh-cta-button:hover {
  text-decoration: underline;
  background-color: var(--p6gh-accent-hover) !important;
}