body { font-family: 'Inter', sans-serif; }
h1, h2, h3, .font-headline { font-family: 'Manrope', sans-serif; }

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

.glass-panel {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.bg-architectural {
    background-image: radial-gradient(circle at 2px 2px, #eaeef2 1px, transparent 0);
    background-size: 40px 40px;
}

/* Ensure dashboard modals always appear above fixed headers/FABs */
#create-subject-modal {
    z-index: 1000;
}