/* System Variables setup based on Nature Theme requirements */
:root {
  --herbal-tea-bg: #F4F1EC;
  --herbal-tea-surface: #FFFFFF;
  --herbal-tea-tone: #4A6741;
  --herbal-tea-tone-hover: #364B2F;
  --herbal-tea-ink: #2C332A;
  --herbal-tea-gradient: linear-gradient(135deg, #517148 0%, #30442B 100%);
  --font-display: 'Playfair Display', serif;
  --font-body: 'Lato', sans-serif;
}

/* Typography assignment */
.font-display { font-family: var(--font-display); }
.font-body { font-family: var(--font-body); }

/* Smooth interactions */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Custom gallery image transitions (No JS Implementation) */
.gallery-photo {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease-in-out, visibility 0.35s;
    pointer-events: none;
    z-index: 1;
}

/* Radio button state logic */
#view-1:checked ~ .main-display-frame .photo-1,
#view-2:checked ~ .main-display-frame .photo-2,
#view-3:checked ~ .main-display-frame .photo-3,
#view-4:checked ~ .main-display-frame .photo-4 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
}

/* Thumbnail highlighting logic (Preset A) */
.thumb-trigger {
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.thumb-trigger:hover {
    transform: translateY(-2px);
}

#view-1:checked ~ .thumb-strip-row label[for="view-1"],
#view-2:checked ~ .thumb-strip-row label[for="view-2"],
#view-3:checked ~ .thumb-strip-row label[for="view-3"],
#view-4:checked ~ .thumb-strip-row label[for="view-4"] {
    border-color: var(--herbal-tea-tone) !important;
}

/* CTA action hover specific */
.action-trigger-link:hover {
    background: var(--herbal-tea-tone-hover) !important;
    box-shadow: 0 12px 24px -5px rgba(48, 68, 43, 0.6) !important;
}

/* Avoid Tailwind reset clashes */
input[type="radio"] { appearance: none; -webkit-appearance: none; }