:root {
    --botanical-bg: #F4F1EA; /* Light earth tone */
    --botanical-surface: #FFFFFF;
    --botanical-tone: #4A7C59; /* Natural sage green */
    --botanical-tone-hover: #386044;
    --botanical-ink: #2C3E2D; /* Dark rich green/grey */
    --font-display: 'Oswald', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body.bravotea-root-body {
    background-color: var(--botanical-bg);
    color: var(--botanical-ink);
    font-family: var(--font-body);
}

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

/* Preset A: Header stripe */
.infusion-top-bar {
    background-color: var(--botanical-surface);
    border-bottom: 4px solid var(--botanical-tone);
}

/* Main product section styling */
.blend-showcase-arena {
    background-color: var(--botanical-surface);
    border-radius: 16px; /* soft radius */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); /* raised shadow */
}

/* Gallery Logic - CSS Only */
.visual-sip-gallery input[type="radio"] {
    display: none;
}
.primary-brew-lens {
    padding-bottom: 100%; /* 1:1 aspect ratio */
}
.primary-brew-lens img {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
    border-radius: 12px; /* soft radius */
}

#view1:checked ~ .primary-brew-lens .img-v1,
#view2:checked ~ .primary-brew-lens .img-v2,
#view3:checked ~ .primary-brew-lens .img-v3,
#view4:checked ~ .primary-brew-lens .img-v4 {
    opacity: 1;
    visibility: visible;
}

.thumb-picker-row label {
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.5;
    transition: all 0.2s;
    border-radius: 12px; /* soft radius */
    overflow: hidden;
}

.thumb-picker-row label:hover {
    opacity: 0.8;
}

#view1:checked ~ .thumb-picker-row label[for="view1"],
#view2:checked ~ .thumb-picker-row label[for="view2"],
#view3:checked ~ .thumb-picker-row label[for="view3"],
#view4:checked ~ .thumb-picker-row label[for="view4"] {
    opacity: 1;
    border-color: var(--botanical-tone);
}

/* CTA Pill Buttons (Preset A) */
.purchase-trigger-pill {
    background-color: var(--botanical-tone);
    border-radius: 999px; /* pill */
}

.purchase-trigger-pill:hover {
    background-color: var(--botanical-tone-hover);
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(74, 124, 89, 0.4), 0 4px 6px -4px rgba(74, 124, 89, 0.2);
}

/* Reviews (Preset A) */
.echo-item-plaque {
    border-left: 4px solid var(--botanical-tone);
    border-radius: 0 16px 16px 0; /* soft radius on right */
}

/* Footer */
.legal-roots-base {
    background-color: var(--botanical-surface);
}

/* Image resets within container */
.primary-brew-lens img, .thumb-picker-row img {
    -webkit-user-drag: none;
}