/* ==========================================
   DocuSort - Main CSS File
   Imports all CSS modules in correct order
   ========================================== */

/* 1. Design System */
@import 'reset.css';
@import 'colors.css';

/* 2. Components */
@import 'components/header.css';
@import 'components/footer.css';

/* 3. Pages */
@import 'pages/home.css';
@import 'pages/about.css';
@import 'pages/contact.css';
@import 'pages/download.css';
@import 'pages/legal.css';

/* 4. Utilities */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-xl);
}

.mobile-only {
    display: none;
}

.desktop-only {
    display: block;
}

@media (max-width: 768px) {
    .mobile-only {
        display: block;
    }
    
    .desktop-only {
        display: none;
    }
    
    .container {
        padding: 0 var(--space-lg);
    }
}