/*! main.css */
/* This is the main stylesheet that imports all partials */

/* 1. Variables and Base */
@import url('variables.css');
@import url('reset.css');
@import url('typography.css');

/* 2. Components */
@import url('buttons.css');
@import url('header.css');
@import url('hero.css');
@import url('features.css');
@import url('download.css');
@import url('sections.css');
@import url('footer.css');

/* 3. Utilities (always last to ensure proper specificity) */
@import url('utilities.css');

/* Additional global styles can go here */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
    color: var(--text);
    background-color: var(--primary);
    overflow-x: hidden;
}

/* Smooth scrolling for the whole page */
html {
    scroll-behavior: smooth;
}

/* Focus styles for accessibility */
:focus {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    *,
    *::before,
    *::after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    a,
    a:visited {
        text-decoration: underline;
    }
    
    a[href]::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        font-weight: normal;
    }
    
    .no-print {
        display: none !important;
    }
}