:root {
    --herb-bg: #EFEBE0;
    --herb-surface: #FAFAFA;
    --herb-tone: #5E7A5A;
    --herb-tone-hover: #485D45;
    --herb-ink: #2B332A;
    --herb-gradient: linear-gradient(135deg, #FAFAFA 0%, #EFEBE0 100%);
    
    --font-display: 'Oswald', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    --radius-soft: 16px;
}

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

/* Gallery Logic (No JS) */
.stage-pane {
    display: none;
    animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

#pic1:checked ~ .artemisia-stage .pane-1 { display: block; }
#pic2:checked ~ .artemisia-stage .pane-2 { display: block; }
#pic3:checked ~ .artemisia-stage .pane-3 { display: block; }
#pic4:checked ~ .artemisia-stage .pane-4 { display: block; }

/* Preset C: Thumbnails opacity logic */
.artemisia-thumb-ribbon label img {
    opacity: 0.5;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.artemisia-thumb-ribbon label:hover img {
    opacity: 0.8;
}

#pic1:checked ~ .artemisia-thumb-ribbon label[for="pic1"] img,
#pic2:checked ~ .artemisia-thumb-ribbon label[for="pic2"] img,
#pic3:checked ~ .artemisia-thumb-ribbon label[for="pic3"] img,
#pic4:checked ~ .artemisia-thumb-ribbon label[for="pic4"] img {
    opacity: 1;
    border-color: var(--herb-tone);
}

/* CTA Hover Effect */
.artemisia-purchase-trigger:hover {
    background-color: var(--herb-bg) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important;
}