:root {
  --testojack-bg: #f4f9f7;
  --testojack-surface: #ffffff;
  --testojack-tone: #0d7a5f;
  --testojack-tone-hover: #095a46;
  --testojack-ink: #1c2826;
  --testojack-gradient: linear-gradient(135deg, #0d7a5f 0%, #119974 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

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

/* Heading uppercase configuration */
.tj-brand-title,
.tj-heading-main,
.tj-feedback-section h2 {
  text-transform: uppercase;
}

/* CSS Radio Gallery switching logic */
.tj-slide-item {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

#photo-1:checked ~ .tj-slide-viewport .tj-slide-1,
#photo-2:checked ~ .tj-slide-viewport .tj-slide-2,
#photo-3:checked ~ .tj-slide-viewport .tj-slide-3,
#photo-4:checked ~ .tj-slide-viewport .tj-slide-4 {
  opacity: 1;
  visibility: visible;
}

/* Highlight active thumbnail */
#photo-1:checked ~ .tj-thumb-track .tj-thumb-1,
#photo-2:checked ~ .tj-thumb-track .tj-thumb-2,
#photo-3:checked ~ .tj-thumb-track .tj-thumb-3,
#photo-4:checked ~ .tj-thumb-track .tj-thumb-4 {
  border-color: var(--testojack-tone) !important;
  box-shadow: 0 0 0 1px var(--testojack-tone);
}

/* CTA button hover styles */
.tj-action-anchor:hover {
  background-color: var(--testojack-tone-hover) !important;
  box-shadow: 0 6px 20px rgba(13, 122, 95, 0.45) !important;
  transform: translateY(-1px);
}