/* SwiftMove Australia - Global Light Theme Stylesheet */
:root {
    --brand-primary: #0066cc;
    --brand-dark: #0f172a;
    --brand-light: #ffffff;
    --brand-gold: #D4AF37;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0066cc;
}

/* Light Glassmorphism utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.05);
}

.glass-card {
    background: #ffffff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
    border-color: rgba(0, 102, 204, 0.3);
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -15px rgba(0, 102, 204, 0.15);
}

/* Page Section Background Variations (Light Theme) */
.bg-sec-white {
    background-color: #ffffff;
}

.bg-sec-slate {
    background-color: #f8fafc;
}

.bg-sec-blue {
    background-color: #f0f7ff;
}

.bg-sec-emerald {
    background-color: #ecfdf5;
}

.bg-sec-amber {
    background-color: #fffbeb;
}

.bg-sec-purple {
    background-color: #faf5ff;
}

.bg-sec-rose {
    background-color: #fff1f2;
}

/* Advanced CSS Masking Techniques */
.hero-truck-mask {
    border-radius: 2rem;
    box-shadow: 0 20px 50px -15px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 102, 204, 0.1);
    position: relative;
    overflow: hidden;
}

.mask-hero-curve {
    -webkit-mask-image: radial-gradient(circle at 80% 20%, black 70%, transparent 100%);
    mask-image: radial-gradient(circle at 80% 20%, black 70%, transparent 100%);
}

.mask-slant-bottom {
    clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
}

.clip-rounded-diagonal {
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%);
}

/* Animation Reveal Classes for IntersectionObserver */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.animate-on-scroll.animate-fade-left {
    transform: translateX(-40px);
}

.animate-on-scroll.animate-fade-right {
    transform: translateX(40px);
}

.animate-on-scroll.animate-scale {
    transform: scale(0.92);
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
}

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

/* Custom Gradient Text */
.gradient-text-blue {
    color: #60a5fa;
}

.gradient-text-gold {
    background: linear-gradient(135deg, #b8962e 0%, #d4af37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}