/* Shared CSS Variables - Phoenix Sports Color Palette */
:root {
    --primary-blue: #0052a3;
    --secondary-orange: #ff6b35;
    --accent-purple: #9d4edd;
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --bg-dark: rgba(42, 42, 42, 0.95);
    --bg-darker: rgba(35, 35, 35, 0.9);
}

/* Smooth Scrolling and Performance Optimizations */
* {
    /* Enable smooth scrolling and hardware acceleration */
    scroll-behavior: smooth;
}

html {
    /* Enable smooth scrolling for the entire page */
    scroll-behavior: smooth;
    /* Optimize scrolling performance */
    -webkit-overflow-scrolling: touch;
}

body {
    /* Improve scrolling performance on mobile */
    -webkit-overflow-scrolling: touch;
    /* Optimize rendering performance */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    /* Enable GPU acceleration */
    will-change: scroll-position;
}

/* Optimize common elements for smooth scrolling */
.main-content {
    /* Enable hardware acceleration for main content */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Smooth transitions for interactive elements */
a, button, .dropdown-btn {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

/* Optimize dropdown animations */
.dropdown-content {
    transition: opacity 0.3s ease, transform 0.3s ease;
    -webkit-transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* Performance optimizations for mobile */
@media (max-width: 768px) {
    * {
        /* Reduce animations on mobile for better performance */
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}