/* Main custom styles */

/* Use Inter (minimalistic) as the base font */
body { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-weight: 500; }

/* Keep headings visually heavier for contrast */
h1,h2,h3,h4,h5,h6 { font-weight: 600; }

.lightbox-overlay { 
    background: rgba(0,0,0,0.85); 
}
#lightbox.hidden { 
    display: none;
}
#lightbox.flex { 
    display: flex; 
}

/* Constrain image size for different viewports */
#lb-content { 
    max-width: min(90vw, 1600px); 
    max-height: 80vh; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}

#lb-img { 
    max-width: 100%; 
    max-height: 80vh; 
    height: auto; 
    border-radius: 0.5rem; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.5); 
}

/* Buttons in overlay */
.lightbox-overlay button { 
    color: #fff; 
    background: transparent; 
    border: none; 
}

/* Accessibility helper */
.sr-only { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0,0,0,0); 
    white-space: nowrap; 
    border: 0; 
}

/* Carousel performance hint */
#carousel-track { will-change: transform; }
#carousel-track img { display:block; }