:root {
    /* Nature/Soft Theme Palette */
    --hibiscus-surface: #FFFFFF;
    --hibiscus-card: #F4F6F5;
    --hibiscus-accent: #C84B5B;
    --hibiscus-accent-hover: #A93645;
    --hibiscus-ink: #2A3631;
    --hibiscus-header-fade: linear-gradient(135deg, #F9FAF9 0%, #F0F2F1 100%);
    
    /* Typography */
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
}

body.nature-brew-body {
    background-color: var(--hibiscus-surface);
    color: var(--hibiscus-ink);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
}

.brew-main-title {
    font-family: var(--font-display);
}

.infusion-top-header {
    background: var(--hibiscus-header-fade);
}

/* CSS Gallery Logic */
.tea-frame {
    z-index: 1;
}

/* Show slide based on checked radio */
#view-1:checked ~ .main-stage-wrap .frame-1,
#view-2:checked ~ .main-stage-wrap .frame-2,
#view-3:checked ~ .main-stage-wrap .frame-3,
#view-4:checked ~ .main-stage-wrap .frame-4 {
    opacity: 1;
    z-index: 10;
}

/* Highlight active thumbnail */
#view-1:checked ~ .thumb-sidebar label[for="view-1"],
#view-2:checked ~ .thumb-sidebar label[for="view-2"],
#view-3:checked ~ .thumb-sidebar label[for="view-3"],
#view-4:checked ~ .thumb-sidebar label[for="view-4"] {
    border-color: var(--hibiscus-accent);
}

/* Custom interactions */
.acquire-trigger:hover {
    background-color: var(--hibiscus-accent-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(200, 75, 91, 0.3), 0 4px 6px -2px rgba(200, 75, 91, 0.15);
}

.thumb-node {
    transition: border-color 0.2s ease, transform 0.2s ease;
}
.thumb-node:hover {
    transform: scale(1.05);
}

/* Hide scrollbar for sideways scrolling on mobile */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}