:root {
    /* NATURE THEME */
    --mint-bg: #f4f1ea;
    --mint-surface: #ffffff;
    --mint-tone: #4a7c59;
    --mint-tone-hover: #386144;
    --mint-ink: #2f2e2c;
    --mint-gradient: linear-gradient(135deg, #4a7c59 0%, #639c75 100%);
    
    /* FONTS */
    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body {
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mint-heading {
    font-family: var(--font-heading);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* CSS-Only Gallery Logic */
.mint-pic-trigger {
    display: none;
}

.mint-main-pic {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 0;
}

#mint-pic1:checked ~ .mint-view-wrap .pic1,
#mint-pic2:checked ~ .mint-view-wrap .pic2,
#mint-pic3:checked ~ .mint-view-wrap .pic3,
#mint-pic4:checked ~ .mint-view-wrap .pic4 {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

/* Thumbnail styling and active state */
.mint-thumb-item {
    border: 3px solid transparent;
    opacity: 0.6;
}

.mint-thumb-item:hover {
    opacity: 0.9;
}

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

/* Custom Scrollbar for thumbnails */
.mint-thumb-track::-webkit-scrollbar {
    height: 6px;
}
.mint-thumb-track::-webkit-scrollbar-track {
    background: #e5e7eb;
    border-radius: 4px;
}
.mint-thumb-track::-webkit-scrollbar-thumb {
    background: var(--mint-tone);
    border-radius: 4px;
}

/* CTA Hover Effect */
.mint-purchase-trigger:hover {
    background: var(--mint-tone-hover) !important;
    box-shadow: 0 6px 20px rgba(74, 124, 89, 0.6) !important;
}