body { 
    font-family: 'Inter', sans-serif; 
    min-height: max(884px, 100dvh); 
}
h1, h2, h3, h4, .headline { 
    font-family: 'Manrope', sans-serif; 
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.editorial-gradient {
    background: linear-gradient(135deg, #644e8e 0%, #7d67a9 100%);
}
.tonal-shift-bg {
    background-color: #f8f9fb;
}
.editorial-shadow {
    box-shadow: 0 10px 40px -10px rgba(25, 28, 30, 0.06);
}
.tonal-transition {
    transition: background-color 0.3s ease;
}
.glass-panel {
    background: rgba(248, 249, 251, 0.8);
    backdrop-filter: blur(20px);
}