.font-display { font-family: 'Poppins', sans-serif; letter-spacing: -0.02em; }
.font-body { font-family: 'Inter', sans-serif; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Modal scrollbar */
.modal-scroll::-webkit-scrollbar { width: 6px; }
.modal-scroll::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
.modal-scroll::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
.modal-scroll::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

/* Material Symbols fill */
.fill-1 { font-variation-settings: 'FILL' 1; }

/* Fade in up animation */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up { animation: fadeInUp 0.3s ease-out; }

/* Range slider styling */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #2FA4B6;
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
input[type="range"]::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #2FA4B6;
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}