:root {
    --yhmb-canvas: #f0fdf4; /* Light fresh green/mint hint for HEALTH theme */
    --yhmb-card: #ffffff;
    --yhmb-accent: #059669; /* Health green */
    --yhmb-accent-hover: #047857;
    --yhmb-text: #1f2937;
    --yhmb-text-light: #6b7280;
    
    --font-display: 'Fjalla One', sans-serif;
    --font-body: 'Mulish', sans-serif;
}

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

/* Gallery functionality strictly via CSS */
.yhmb-frame-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 1;
}

#yhmb-pic-1:checked ~ .yhmb-slide-frame .yhmb-item-1,
#yhmb-pic-2:checked ~ .yhmb-slide-frame .yhmb-item-2,
#yhmb-pic-3:checked ~ .yhmb-slide-frame .yhmb-item-3,
#yhmb-pic-4:checked ~ .yhmb-slide-frame .yhmb-item-4 {
    opacity: 1;
    visibility: visible;
    z-index: 5;
}

/* Thumbnail highlighting */
.yhmb-thumb-strip label {
    transition: border-color 0.2s;
}

#yhmb-pic-1:checked ~ .yhmb-thumb-strip label[for="yhmb-pic-1"],
#yhmb-pic-2:checked ~ .yhmb-thumb-strip label[for="yhmb-pic-2"],
#yhmb-pic-3:checked ~ .yhmb-thumb-strip label[for="yhmb-pic-3"],
#yhmb-pic-4:checked ~ .yhmb-thumb-strip label[for="yhmb-pic-4"] {
    border-color: var(--yhmb-accent);
    opacity: 1;
}

/* CTA specific styling based on Preset A */
.yhmb-trigger-btn {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.yhmb-trigger-btn:hover {
    background-color: var(--yhmb-accent-hover) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}