:root {
    /* Nature Theme mapped to Preset constraints */
    --chamo-bg: #F9F7F3;
    --chamo-surface: #FFFFFF;
    --chamo-tone: #688062; /* Natural earthy green */
    --chamo-tone-hover: #53694E;
    --chamo-ink: #2D372B;
    --chamo-gradient: linear-gradient(135deg, #EAEFE9 0%, #D8E3D6 100%);
    
    /* Randomly selected visual parameters */
    --font-display: 'Playfair Display', serif; /* normal case */
    --font-body: 'Lato', sans-serif;
    --radius-style: 16px; /* Soft radius */
}

/* Base Application */
body {
    background-color: var(--chamo-bg);
    color: var(--chamo-ink);
    font-family: var(--font-body);
}

.chamo-primary-heading, 
.chamo-secondary-heading {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--chamo-ink);
}

/* Preset B: Header with gradient */
.chamo-top-banner {
    background: var(--chamo-gradient);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Links & Standard elements */
a {
    color: var(--chamo-tone);
}

/* Preset B + Soft Radius + Raised Shadow application */
.chamo-main-view {
    border-radius: var(--radius-style);
}

.chamo-tmb {
    border-radius: 8px; /* Slightly smaller radius for thumbnails */
    transition: border-color 0.2s ease;
}

/* Preset B: Rectangular CTA (using soft radius to match theme) with shadow */
.chamo-buy-trigger {
    background-color: var(--chamo-tone);
    border-radius: 8px; 
    text-decoration: none;
}
.chamo-buy-trigger:hover {
    background-color: var(--chamo-tone-hover);
}

/* Preset B: Reviews slightly darker bg + rounded-xl (mapped to var) */
.chamo-opinion-box {
    background-color: #F3F1EC;
    border-radius: var(--radius-style);
}

/* --- Gallery Logic (CSS Only) --- */
.chamo-big-img {
    opacity: 0;
    z-index: 1;
    transition: opacity 0.4s ease-in-out;
}

/* State management based on checked radio button */
#chamo_pic_1:checked ~ .chamo-gallery-layout .chamo-main-view .chamo-big-1,
#chamo_pic_3:checked ~ .chamo-gallery-layout .chamo-main-view .chamo-big-3,
#chamo_pic_4:checked ~ .chamo-gallery-layout .chamo-main-view .chamo-big-4,
#chamo_pic_5:checked ~ .chamo-gallery-layout .chamo-main-view .chamo-big-5 {
    opacity: 1;
    z-index: 2;
}

/* Active Thumbnail Styling */
#chamo_pic_1:checked ~ .chamo-gallery-layout .chamo-thumb-rack .chamo-tmb-1,
#chamo_pic_3:checked ~ .chamo-gallery-layout .chamo-thumb-rack .chamo-tmb-3,
#chamo_pic_4:checked ~ .chamo-gallery-layout .chamo-thumb-rack .chamo-tmb-4,
#chamo_pic_5:checked ~ .chamo-gallery-layout .chamo-thumb-rack .chamo-tmb-5 {
    border-color: var(--chamo-tone);
}