/* Custom CSS Variables - NATURE Theme */
:root {
    --herb-bg: #F4F1EA; /* Warm, natural paper-like background */
    --herb-surface: #FFFFFF; /* Clean white for readability */
    --herb-tone: #4C7246; /* Natural muted green */
    --herb-tone-hover: #3A5735; /* Darker green for interactions */
    --herb-ink: #3E3B35; /* Dark earthy tone for text */
    --herb-gradient: linear-gradient(135deg, #F4F1EA 0%, #E6DFD3 100%);
    
    /* Randomly selected fonts */
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;

    /* Random parameters */
    --radius-pill: 999px;
    --shadow-raised: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Base resets & typography */
body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

/* Preset C Specifics: Header */
.brand-monogram {
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 700;
}

/* Radio Button Gallery Logic */
.dandelion-rad {
    display: none;
}

/* Hide all main images by default */
.pic1-view, .pic2-view, .pic3-view, .pic4-view {
    display: none;
}

/* Show the correct main image based on checked radio */
#pic1:checked ~ .stage-wrap .pic1-view,
#pic2:checked ~ .stage-wrap .pic2-view,
#pic3:checked ~ .stage-wrap .pic3-view,
#pic4:checked ~ .stage-wrap .pic4-view {
    display: block;
}

/* Preset C: Thumbnails opacity logic */
.thumb-label {
    opacity: 0.5;
    border: 2px solid transparent;
}

#pic1:checked ~ .thumbs-rack .lbl-pic1,
#pic2:checked ~ .thumbs-rack .lbl-pic2,
#pic3:checked ~ .thumbs-rack .lbl-pic3,
#pic4:checked ~ .thumbs-rack .lbl-pic4 {
    opacity: 1;
    border-color: var(--herb-tone);
}

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

/* CTA Interactions */
.amazon-purchase-trigger:hover {
    background-color: var(--herb-bg) !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;
}

/* Paragraph styling */
.herb-paragraph strong {
    color: var(--herb-tone);
    font-family: var(--font-display);
    text-transform: uppercase;
    font-size: 0.95em;
    letter-spacing: 0.05em;
}