:root {
  --forcex180-bg: #f8fafc;
  --forcex180-surface: #ffffff;
  --forcex180-tone: #e63946;
  --forcex180-tone-hover: #d62828;
  --forcex180-ink: #1d3557;
  --forcex180-gradient: linear-gradient(135deg, #1d3557 0%, #111827 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

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

/* Gallery CSS Switch Logic */
.legendary-visual-deck .slide-item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

#slide-1:checked ~ .legendary-visual-deck .slide-item:nth-child(1),
#slide-2:checked ~ .legendary-visual-deck .slide-item:nth-child(2),
#slide-3:checked ~ .legendary-visual-deck .slide-item:nth-child(3),
#slide-4:checked ~ .legendary-visual-deck .slide-item:nth-child(4) {
  opacity: 1;
  visibility: visible;
}

/* Preset C Thumbnail Opacity Logic */
.legendary-thumb-strip label {
  opacity: 0.5;
  border-color: #cbd5e1;
}

#slide-1:checked ~ .legendary-thumb-strip label[for="slide-1"],
#slide-2:checked ~ .legendary-thumb-strip label[for="slide-2"],
#slide-3:checked ~ .legendary-thumb-strip label[for="slide-3"],
#slide-4:checked ~ .legendary-thumb-strip label[for="slide-4"] {
  opacity: 1;
  border-color: var(--forcex180-tone);
}

/* Preset C CTA Hover Effect */
.legendary-checkout-trigger:hover {
  background-color: var(--forcex180-tone-hover) !important;
  transform: translateY(-2px);
}