:root {
    /* NATURE Theme variables */
    --dand-herb-bg: #f9f7f1; /* Light natural paper tone */
    --dand-herb-surface: #ffffff;
    --dand-herb-tone: #5b794a; /* Earthy organic green */
    --dand-herb-tone-hover: #455e37;
    --dand-herb-ink: #2b3327; /* Dark brownish-green for readability */
    --dand-herb-gradient: linear-gradient(135deg, #f9f7f1 0%, #ede6d9 100%);
    
    /* Typography */
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* CSS-Only Gallery Logic */
.dandbrew-main-frame img {
    display: none;
    transition: opacity 0.3s ease-in-out;
}

#dandbrew-shot1:checked ~ .dandbrew-main-frame .dandbrew-pic1,
#dandbrew-shot2:checked ~ .dandbrew-main-frame .dandbrew-pic2,
#dandbrew-shot3:checked ~ .dandbrew-main-frame .dandbrew-pic3,
#dandbrew-shot4:checked ~ .dandbrew-main-frame .dandbrew-pic4 {
    display: block;
    animation: fade-in 0.4s ease forwards;
}

.dandbrew-thumb-strip label {
    opacity: 0.5;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.dandbrew-thumb-strip label:hover {
    opacity: 0.8;
}

#dandbrew-shot1:checked ~ .dandbrew-thumb-strip .dandbrew-lbl1,
#dandbrew-shot2:checked ~ .dandbrew-thumb-strip .dandbrew-lbl2,
#dandbrew-shot3:checked ~ .dandbrew-thumb-strip .dandbrew-lbl3,
#dandbrew-shot4:checked ~ .dandbrew-thumb-strip .dandbrew-lbl4 {
    opacity: 1;
    border-color: var(--dand-herb-tone);
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Custom CTA Button Hover */
.dandbrew-action-btn:hover {
    background-color: var(--dand-herb-tone-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05) !important;
}