:root {
  --bravotea-bg: #f5f8f5;
  --bravotea-surface: #ffffff;
  --bravotea-surface-alt: #edf3ee;
  --bravotea-tone: #24583b;
  --bravotea-tone-hover: #19402a;
  --bravotea-ink: #212925;
  --bravotea-gradient: linear-gradient(135deg, #173b27 0%, #24583b 65%, #3d7d58 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

body {
  font-family: var(--font-body);
}

h1, h2, h3, .bt-brand-heading {
  font-family: var(--font-display);
}

.bt-display-item {
  display: none;
}

#thumb-opt-1:checked ~ .bt-item-presentation .bt-viewport .bt-slide-1,
#thumb-opt-2:checked ~ .bt-item-presentation .bt-viewport .bt-slide-2,
#thumb-opt-3:checked ~ .bt-item-presentation .bt-viewport .bt-slide-3,
#thumb-opt-4:checked ~ .bt-item-presentation .bt-viewport .bt-slide-4 {
  display: block;
}

#thumb-opt-1:checked ~ .bt-item-presentation .bt-visual-thumbs-rail label[for="thumb-opt-1"],
#thumb-opt-2:checked ~ .bt-item-presentation .bt-visual-thumbs-rail label[for="thumb-opt-2"],
#thumb-opt-3:checked ~ .bt-item-presentation .bt-visual-thumbs-rail label[for="thumb-opt-3"],
#thumb-opt-4:checked ~ .bt-item-presentation .bt-visual-thumbs-rail label[for="thumb-opt-4"] {
  border-color: var(--bravotea-tone);
  box-shadow: 0 0 0 2px var(--bravotea-tone);
}

.bt-thumb-trigger {
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.bt-thumb-trigger:hover {
  transform: scale(1.03);
}

.bt-primary-action {
  border-radius: 4px;
  box-shadow: 0 6px 18px rgba(36, 88, 59, 0.35);
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

.bt-primary-action:hover {
  background-color: var(--bravotea-tone-hover) !important;
  box-shadow: 0 8px 22px rgba(25, 64, 42, 0.45);
  transform: translateY(-2px);
}

.bt-primary-action:active {
  transform: translateY(0);
}

.bt-feedback-entry {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}