:root {
  --pomtea-bg: #FAF8F5;
  --pomtea-surface: #FFFFFF;
  --pomtea-tone: #4A7C59;
  --pomtea-tone-hover: #3E6B4A;
  --pomtea-ink: #2D2B2A;
  --pomtea-soft-bg: #F2EFEB;
  --pomtea-gradient: linear-gradient(135deg, #4A7C59 0%, #70A07C 100%);
  --font-display: 'Playfair Display', serif;
  --font-body: 'Lato', sans-serif;
}

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

/* Gallery Logic (CSS Only) */
.pomtea-rad-1:checked ~ .pomtea-hero-frame .pomtea-pic-1,
.pomtea-rad-2:checked ~ .pomtea-hero-frame .pomtea-pic-2,
.pomtea-rad-3:checked ~ .pomtea-hero-frame .pomtea-pic-3,
.pomtea-rad-4:checked ~ .pomtea-hero-frame .pomtea-pic-4 {
    opacity: 1;
    z-index: 10;
}

/* Thumbnail Border Highlight */
.pomtea-rad-1:checked ~ .pomtea-thumb-strip .pomtea-t-1,
.pomtea-rad-2:checked ~ .pomtea-thumb-strip .pomtea-t-2,
.pomtea-rad-3:checked ~ .pomtea-thumb-strip .pomtea-t-3,
.pomtea-rad-4:checked ~ .pomtea-thumb-strip .pomtea-t-4 {
    border-color: var(--pomtea-tone);
    box-shadow: 0 0 0 1px var(--pomtea-tone);
}

/* Hover effects for interactive elements */
.pomtea-thumb-strip label:hover {
    border-color: var(--pomtea-tone-hover);
    opacity: 0.9;
}

.pomtea-buy-trigger:hover {
    background-color: var(--pomtea-tone-hover) !important;
}

/* Hide scrollbar for mobile thumbs */
.pomtea-thumb-strip::-webkit-scrollbar {
    display: none;
}
.pomtea-thumb-strip {
    -ms-overflow-style: none;
    scrollbar-width: none;
}