:root {
    --botanical-bg: #FAFAF5;
    --botanical-surface: #FFFFFF;
    --botanical-surface-dark: #F2F5ED;
    --botanical-tone: #6B8E23;
    --botanical-tone-hover: #556B2F;
    --botanical-ink: #3E3E3E;
    --botanical-gradient: linear-gradient(135deg, #8FBC8F 0%, #6B8E23 100%);
    
    --font-display: 'Fjalla One', sans-serif;
    --font-body: 'Source Sans Pro', sans-serif;
    
    --botanical-radius: 12px;
}

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

/* Gallery Logic strictly via CSS */
#botanical-pic-1:checked ~ .botanical-main-stage .pic-1,
#botanical-pic-2:checked ~ .botanical-main-stage .pic-2,
#botanical-pic-3:checked ~ .botanical-main-stage .pic-3,
#botanical-pic-4:checked ~ .botanical-main-stage .pic-4 {
    opacity: 1;
    z-index: 10;
}

#botanical-pic-1:checked ~ .botanical-thumb-strip .lbl-1,
#botanical-pic-2:checked ~ .botanical-thumb-strip .lbl-2,
#botanical-pic-3:checked ~ .botanical-thumb-strip .lbl-3,
#botanical-pic-4:checked ~ .botanical-thumb-strip .lbl-4 {
    border-color: var(--botanical-tone);
    opacity: 1;
}

.botanical-purchase-trigger {
    text-decoration: none;
    transform: translateY(0);
}

.botanical-purchase-trigger:hover {
    background-color: var(--botanical-tone-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;
}

/* Custom Selection Color */
::selection {
    background-color: var(--botanical-tone);
    color: var(--botanical-surface);
}

/* Smooth Focus States */
a:focus, label:focus {
    outline: 2px dashed var(--botanical-tone);
    outline-offset: 4px;
}