/* Custom Styles for LuxeDent */
:root {
    --color-primary: #5051dc;
    --color-secondary: #00b9e8;
    --color-tertiary: #f0f8ff;
}

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

.glass { 
    backdrop-filter: blur(12px); 
    background-color: rgba(255, 255, 255, 0.8); 
}

.hero-gradient { 
    background: linear-gradient(135deg, #f6f7f8 0%, #e6fcf5 100%); 
}

/* Updated glow to match new primary color #5051dc */
.btn-glow { 
    box-shadow: 0 0 15px rgba(80, 81, 220, 0.4); 
}

/* Scroll Animations */
.scroll-animate {
    opacity: 0;
    transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: opacity, transform;
}

.scroll-fade-up {
    transform: translateY(40px);
}

.scroll-fade-in {
    transform: translateY(0);
}

.scroll-scale-up {
    transform: scale(0.95);
}

.scroll-slide-right {
    transform: translateX(-40px);
}

.scroll-slide-left {
    transform: translateX(40px);
}

/* Active State */
.scroll-animate.active {
    opacity: 1;
    transform: translate(0) scale(1);
}

/* Delays */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }
.delay-500 { transition-delay: 500ms; }