/* css/style.css */
body { font-family: 'Manrope', sans-serif; }
h1, h2, h3, .font-serif { font-family: 'Noto Serif', serif; }

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.tonal-shift-bottom {
    box-shadow: 0 4px 30px -10px rgba(109, 91, 69, 0.05);
}

/* Animacje Fade-In dla sekcji */
.fade-in-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
}