/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

/* Base Styles */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Page Specific Overrides (applied via body classes or specific checks if needed, 
   but for now we keep the font-family assignments that were in the HTML styles here) */

/* Index Page Font */
body.font-jost {
    font-family: 'Jost', sans-serif;
}

/* Spaces Overview Page Font */
body.font-outfit {
    font-family: 'Outfit', sans-serif;
}

/* Gallery and Contact Page Font */
body.font-manrope {
    font-family: 'Manrope', sans-serif;
}

/* Custom Component Styles */

/* From index.html */
.hero-overlay {
    background: linear-gradient(to right, rgba(16, 25, 34, 0.8) 0%, rgba(16, 25, 34, 0.4) 50%, rgba(16, 25, 34, 0.2) 100%);
}

/* From galeria_do_espaco.html */
.masonry-item:hover .overlay {
    opacity: 1;
}