/* styles/global.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
}

/* Custom Scrollbar Premium */
::-webkit-scrollbar { 
    width: 6px; 
    height: 6px; 
}
::-webkit-scrollbar-track { 
    background: transparent; 
}
.dark ::-webkit-scrollbar-thumb { 
    background: #450a0a; 
    border-radius: 4px; 
}
.dark ::-webkit-scrollbar-thumb:hover { 
    background: #991b1b; 
}
::-webkit-scrollbar-thumb { 
    background: #fbcfe8; 
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #db2777; 
}

/* Utils Sembunyikan Scrollbar tapi tetap bisa di-scroll */
.scrollbar-hide::-webkit-scrollbar { 
    display: none; 
}
.scrollbar-hide { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* Animasi Progress Bar Flash Sale */
.progress-bar-fill { 
    background: linear-gradient(90deg, #f59e0b 0%, #ef4444 100%); 
}

/* Fade in buat transisi halaman SPA/Load */
.animate-fade-in { 
    animation: fadeIn 0.3s ease-out; 
}
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}