/* Fallback for Arabic typography while maintaining the Design System's intent */
.font-headline-lg, .font-display-lg { font-family: 'Noto Sans Arabic', 'Hanken Grotesk', sans-serif; }
.font-body-md, .font-body-lg { font-family: 'Noto Sans Arabic', 'Inter', sans-serif; }
.font-label-caps { font-family: 'Noto Sans Arabic', 'JetBrains Mono', monospace; }

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

.hero-gradient {
    background: linear-gradient(180deg, rgba(27, 28, 28, 0) 0%, rgba(27, 28, 28, 0.8) 100%);
}

.reveal-on-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-on-scroll.active {
    opacity: 1;
    transform: translateY(0);
}