:root {
    --dandelion-bg: #FFFFFF;
    --dandelion-surface: #F8FAF9;
    --dandelion-tone: #2E7D32;
    --dandelion-tone-hover: #1B5E20;
    --dandelion-ink: #2D3748;
    --dandelion-border: #E2E8F0;
    --dandelion-radius: 4px;
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
}

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

/* Gallery Logic */
.snap-input {
    display: none;
}

.slide-asset {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    object-fit: cover;
}

#snap-1:checked ~ .snap-view .slide-1,
#snap-2:checked ~ .snap-view .slide-2,
#snap-3:checked ~ .snap-view .slide-3,
#snap-4:checked ~ .snap-view .slide-4 {
    opacity: 1;
    z-index: 10;
}

.thumb-btn {
    opacity: 0.5;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border: 2px solid transparent;
}

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

#snap-1:checked ~ .snap-thumbs .t-1,
#snap-2:checked ~ .snap-thumbs .t-2,
#snap-3:checked ~ .snap-thumbs .t-3,
#snap-4:checked ~ .snap-thumbs .t-4 {
    opacity: 1;
}

/* CTA Styles Customization based on Preset D */
.action-purchase-btn:hover {
    background-color: var(--dandelion-tone-hover) !important;
    text-decoration: underline;
}