:root {
  --arthrosport-bg: #F8FAF9;
  --arthrosport-surface: #FFFFFF;
  --arthrosport-tone: #1E3A8A;
  --arthrosport-tone-hover: #1D4ED8;
  --arthrosport-accent: #E65100;
  --arthrosport-ink: #111827;
  --arthrosport-gradient: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;
}

body {
  font-family: var(--font-body);
  background-color: var(--arthrosport-bg);
  color: var(--arthrosport-ink);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .arthro-brand-heading {
  font-family: var(--font-display);
  text-transform: uppercase;
}

/* Radio gallery switcher logic */
.arthro-slide-item {
  display: none;
}

#arthro-pic-1:checked ~ .arthro-slides-frame .arthro-slide-item:nth-child(1),
#arthro-pic-2:checked ~ .arthro-slides-frame .arthro-slide-item:nth-child(2),
#arthro-pic-3:checked ~ .arthro-slides-frame .arthro-slide-item:nth-child(3),
#arthro-pic-4:checked ~ .arthro-slides-frame .arthro-slide-item:nth-child(4) {
  display: block;
}

.arthro-thumb-label {
  border-color: #E5E7EB;
  opacity: 0.6;
}

#arthro-pic-1:checked ~ .arthro-thumb-strip label[for="arthro-pic-1"],
#arthro-pic-2:checked ~ .arthro-thumb-strip label[for="arthro-pic-2"],
#arthro-pic-3:checked ~ .arthro-thumb-strip label[for="arthro-pic-3"],
#arthro-pic-4:checked ~ .arthro-thumb-strip label[for="arthro-pic-4"] {
  border-color: var(--arthrosport-accent);
  opacity: 1;
  box-shadow: 0 2px 8px rgba(230, 81, 0, 0.25);
}

.arthro-action-pill:hover {
  background-color: #BF360C !important;
  box-shadow: 0 12px 28px rgba(230, 81, 0, 0.45);
}

@media (max-width: 768px) {
  .arthro-showcase-panel {
    padding: 1rem;
  }
}