/* Nature Theme Variables */
:root {
    --absinthium-leaf-bg: #f4f1ea;       /* Warm, textured light background */
    --absinthium-panel: #ffffff;         /* Clean white for content areas */
    --absinthium-bark: #2c3e2f;          /* Grounded dark green/brown for text */
    --absinthium-sprout: #4a7c59;        /* Earthy green accent */
    --absinthium-sprout-hover: #386044;  /* Darker interactive state */
    --absinthium-shadow: rgba(44, 62, 47, 0.12);
    
    /* Randomly selected visual parameters */
    --font-display: 'Playfair Display', serif; /* Heading font */
    --font-body: 'Lato', sans-serif;           /* Text font */
    --absinthium-radius: 16px;                 /* Soft border radius */
    --absinthium-raised-shadow: 0 6px 16px var(--absinthium-shadow); /* Raised depth */
}

/* Base Restets & Typography overrides */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

h1, h2, h3, h4, strong {
    font-family: var(--font-display);
}

/* CSS-only Gallery Logic */
.visual-layer {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    z-index: 1;
}

#view-1:checked ~ .primary-visual-frame .layer-1,
#view-2:checked ~ .primary-visual-frame .layer-2,
#view-3:checked ~ .primary-visual-frame .layer-3,
#view-4:checked ~ .primary-visual-frame .layer-4 {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* Thumbnail Styling (Preset A) */
.thumb-trigger {
    border: 2px solid transparent;
}

#view-1:checked ~ .thumbnail-row label[for="view-1"],
#view-2:checked ~ .thumbnail-row label[for="view-2"],
#view-3:checked ~ .thumbnail-row label[for="view-3"],
#view-4:checked ~ .thumbnail-row label[for="view-4"] {
    border-color: var(--absinthium-sprout);
    opacity: 1;
}

.thumbnail-row .thumb-trigger:not(:hover) {
    opacity: 0.7;
}

.thumbnail-row .thumb-trigger:hover {
    opacity: 1;
    transform: translateY(-2px);
}

/* CTA Button Interaction (Preset A) */
.action-trigger:hover {
    background-color: var(--absinthium-sprout-hover) !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(74, 124, 89, 0.3) !important;
}

/* Smooth scrollbar for thumbnails */
.thumbnail-row::-webkit-scrollbar {
    height: 6px;
}
.thumbnail-row::-webkit-scrollbar-track {
    background: transparent;
}
.thumbnail-row::-webkit-scrollbar-thumb {
    background-color: rgba(44, 62, 47, 0.2);
    border-radius: 10px;
}