:root {
    /* SOFT Theme Colors */
    --laven-bg: #F7F7F7;
    --laven-surface: #FFFFFF;
    --laven-tone: #8294C4; /* Soft lavender blue accent */
    --laven-tone-hover: #7181AD;
    --laven-ink: #333333;
    
    /* Preset B specific gradient */
    --laven-gradient: linear-gradient(120deg, #FDFBFB 0%, #EBEDEE 100%);
    
    /* Typography */
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
    
    /* Shapes & Shadows */
    --radius-soft: 16px;
    --shadow-raised: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
}

/* Base resets handled by Tailwind, custom overrides below */

/* Custom Elements Styling */
.laven-purchase-trigger {
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.laven-purchase-trigger:hover {
    background-color: var(--laven-tone-hover) !important;
    box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.15) !important;
}

/* Gallery Logic (No JS) */
.laven-main-stage {
    position: relative;
    aspect-ratio: 1 / 1;
    background-color: var(--laven-surface);
}

.laven-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

/* Routing radio buttons to main visible slides */
#img-slot-1:checked ~ .laven-visual-grid .laven-main-stage .item-1,
#img-slot-2:checked ~ .laven-visual-grid .laven-main-stage .item-2,
#img-slot-3:checked ~ .laven-visual-grid .laven-main-stage .item-3,
#img-slot-4:checked ~ .laven-visual-grid .laven-main-stage .item-4 {
    opacity: 1;
    visibility: visible;
}

/* Thumbnail Styling (Preset B: borders) */
.laven-thumb-strip label {
    border-color: rgba(0,0,0,0.1);
    background-color: var(--laven-surface);
}

.laven-thumb-strip label:hover {
    opacity: 0.8;
}

/* Routing radio buttons to active thumbnail borders */
#img-slot-1:checked ~ .laven-visual-grid .laven-thumb-strip label[for="img-slot-1"],
#img-slot-2:checked ~ .laven-visual-grid .laven-thumb-strip label[for="img-slot-2"],
#img-slot-3:checked ~ .laven-visual-grid .laven-thumb-strip label[for="img-slot-3"],
#img-slot-4:checked ~ .laven-visual-grid .laven-thumb-strip label[for="img-slot-4"] {
    border-color: var(--laven-tone);
    box-shadow: 0 0 0 1px var(--laven-tone);
}

/* Content spacing tweaks */
.laven-text-flow p {
    margin-bottom: 1.25rem;
}
.laven-text-flow p:last-child {
    margin-bottom: 0;
}

/* Smooth scroll for anchor links if any */
html {
    scroll-behavior: smooth;
}