:root {
  --prosta-bg: #f5f7f8;
  --prosta-surface: #f0f4f2;
  --prosta-tone: #1a4d3e;
  --prosta-tone-hover: #12382d;
  --prosta-ink: #22312b;
  --prosta-gradient: linear-gradient(135deg, #0d2c22 0%, #1a4d3e 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

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

.prosta-content-frame {
  max-width: 1120px;
}

.prosta-main-headline {
  text-transform: uppercase;
}

/* Gallery CSS slide mechanism */
.prosta-slide-item {
  display: none;
}

#prosta-slide-1:checked ~ .prosta-stage-viewport .prosta-slide-1,
#prosta-slide-2:checked ~ .prosta-stage-viewport .prosta-slide-2,
#prosta-slide-3:checked ~ .prosta-stage-viewport .prosta-slide-3,
#prosta-slide-4:checked ~ .prosta-stage-viewport .prosta-slide-4 {
  display: block;
}

/* Thumbnail highlighted borders */
.prosta-thumb-label {
  border-color: #e5e7eb;
  transition: border-color 0.2s ease;
}

#prosta-slide-1:checked ~ .prosta-thumb-strip .prosta-thumb-1,
#prosta-slide-2:checked ~ .prosta-thumb-strip .prosta-thumb-2,
#prosta-slide-3:checked ~ .prosta-thumb-strip .prosta-thumb-3,
#prosta-slide-4:checked ~ .prosta-thumb-strip .prosta-thumb-4 {
  border-color: var(--prosta-tone);
  box-shadow: 0 0 0 1px var(--prosta-tone);
}

.prosta-buy-button:hover {
  background-color: var(--prosta-tone-hover) !important;
  transform: translateY(-1px);
}