:root {
  --alpha-v2-bg: #f4f8fa;
  --alpha-v2-surface: #ffffff;
  --alpha-v2-tone: #0284c7;
  --alpha-v2-tone-hover: #0369a1;
  --alpha-v2-ink: #0f172a;
  --alpha-v2-gradient: linear-gradient(135deg, #0284c7 0%, #0f172a 100%);
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* Base Headings Styling */
h1, h2, h3, h4, h5, h6, .x180-header-title {
  text-transform: uppercase;
}

/* Gallery CSS Selector Switcher */
.x180-slide {
  display: none;
}

#x180-img-1:checked ~ .x180-viewport-holder .x180-slide-1,
#x180-img-2:checked ~ .x180-viewport-holder .x180-slide-2,
#x180-img-3:checked ~ .x180-viewport-holder .x180-slide-3,
#x180-img-4:checked ~ .x180-viewport-holder .x180-slide-4 {
  display: block;
}

/* Active Thumbnail Highlight */
#x180-img-1:checked ~ .x180-thumb-strip .x180-thumb-1,
#x180-img-2:checked ~ .x180-thumb-strip .x180-thumb-2,
#x180-img-3:checked ~ .x180-thumb-strip .x180-thumb-3,
#x180-img-4:checked ~ .x180-thumb-strip .x180-thumb-4 {
  border-color: var(--alpha-v2-tone);
  box-shadow: 0 0 0 1px var(--alpha-v2-tone);
}

.x180-thumb-item {
  border-color: #cbd5e1;
}

.x180-thumb-item:hover {
  border-color: var(--alpha-v2-tone);
}

/* Hover effects */
.x180-prime-btn:hover {
  background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%);
}