:root {
    --bravotea-bg: #F0F7F4;
    --bravotea-surface: #FFFFFF;
    --bravotea-tone: #458B74;
    --bravotea-tone-hover: #2E5C4D;
    --bravotea-ink: #2C3E38;
    --bravotea-gradient: linear-gradient(135deg, #E0EFE8 0%, #F5F9F7 100%);
    --font-display: 'Nunito', sans-serif;
    --font-body: 'Mulish', sans-serif;
}

/* Preset A Styles */
.bravotea-top-banner {
    border-bottom: 4px solid var(--bravotea-tone);
}

.bravotea-action-trigger {
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
}

.bravotea-action-trigger:hover {
    background-color: var(--bravotea-tone-hover) !important;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.15), 0 10px 10px -5px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.bravotea-buyer-voice {
    border-left: 4px solid var(--bravotea-tone);
    border-radius: 0 12px 12px 0;
}

/* Gallery Logic */
.bravotea-slide {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out;
    z-index: 1;
}

#view-1:checked ~ .bravotea-hero-frame .slide-1,
#view-2:checked ~ .bravotea-hero-frame .slide-2,
#view-3:checked ~ .bravotea-hero-frame .slide-3,
#view-4:checked ~ .bravotea-hero-frame .slide-4 {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

/* Thumbnail Styling based on selection */
#view-1:checked ~ .bravotea-thumb-strip label[for="view-1"],
#view-2:checked ~ .bravotea-thumb-strip label[for="view-2"],
#view-3:checked ~ .bravotea-thumb-strip label[for="view-3"],
#view-4:checked ~ .bravotea-thumb-strip label[for="view-4"] {
    border-color: var(--bravotea-tone);
    opacity: 1;
}