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

/* Base Styles */
body {
    font-family: 'Manrope', sans-serif;
}

.serif-title {
    font-family: 'Playfair Display', serif;
}

/* Navigation - Glassmorphism */
.glass-nav {
    background: rgba(246, 248, 247, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.dark .glass-nav {
    background: rgba(16, 34, 25, 0.8);
}

/* Scrollbar Utility */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Dropdown Behavior */
.lang-dropdown:hover .lang-menu {
    display: block;
}

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