/* 
 * FETZY NIGERIA LIMITED - Shared Styles
 * Premium animations and UI components
 */

:root {
    --primary: #C6A75E;
    --background-dark: #0A0A0A;
    --graphite: #1a1a1a;
}

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
}

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

/* Scroll Animations */
.premium-hide {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.premium-show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.reveal {
    opacity: 0;
}

.animate-reveal {
    animation: fadeUp 0.8s ease-out forwards;
}

@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

/* Toast Notification */
#premium-toast.show {
    transform: translateY(0);
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}

/* Glassmorphism */
.glass-nav {
    backdrop-filter: blur(16px);
    background-color: rgba(18, 18, 18, 0.85);
}

/* Utility */
.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.2s; }
.stagger-3 { animation-delay: 0.3s; }
.stagger-4 { animation-delay: 0.4s; }