/* Main CSS File - Modular Architecture */

/* Base styles - foundational styles that everything builds on */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* Layout utilities - spacing, positioning, flexbox, grid */
@import url('./utils/layout.css');

/* Components - reusable UI components */
@import url('./components/buttons.css');
@import url('./components/footer.css');
@import url('./components/header.css');
@import url('./components/hero.css');
@import url('./components/cards.css');
@import url('./components/features.css');
@import url('./components/showcase.css');
@import url('./components/download.css');
@import url('./components/utilities.css');
@import url('components/miniprogram.css');
@import url('./components/apple-style.css');
/* Mobile navigation must be last to override other styles */
@import url('./components/mobile-nav.css');

/* TODO: Add more component imports as we create them */
/* @import url('./components/forms.css'); */
/* @import url('./components/navigation.css'); */

/* Page-specific styles */
@import url('./pages/home.css');
/* @import url('./pages/download.css'); */
@import url('./pages/contact.css');
@import url('./pages/faq-apple.css');

/* Responsive styles - must be imported after all other styles */
@import url('./responsive.css');

/* Performance optimizations */
.animate-on-scroll {
    will-change: transform, opacity;
}

.glassmorphism {
    background: var(--glass-effect);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: var(--glass-border);
    box-shadow: var(--shadow-md);
}

/* Scrollbar customization */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--surface-light);
}

::-webkit-scrollbar-thumb {
    background: var(--surface-dark);
    border-radius: var(--radius-sm);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-tertiary);
}

/* Selection styles */
::selection {
    background: var(--primary-color);
    color: white;
}

/* Focus visible for better accessibility */
:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    a, a:visited {
        text-decoration: underline;
    }
    
    .no-print {
        display: none !important;
    }
}