/* Main CSS - Imports all modular stylesheets */

/* Base styles */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');
@import url('base/utilities.css');

/* Layout styles */
@import url('layout/container.css');
@import url('layout/navbar.css');
@import url('layout/spacing.css');

/* Component styles */
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/footer.css');
@import url('components/quote-drawer.css');
@import url('pages/content-listing.css');

/* Section styles */
/* To be added as they are created */

/* Page-specific styles */
/* To be added as they are created */

/* Ensure proper font loading */
html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-white);
    color: var(--color-dark);
    font-family: var(--font-family-body);
}

/* Global transitions for better performance */
* {
    transition-property: background-color, border-color, color, fill, stroke, opacity;
}

/* Hide elements with hidden attribute */
[hidden] {
    display: none !important;
}

/* Print styles */
@media print {
    *,
    *::before,
    *::after {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    button,
    input,
    select,
    textarea {
        background-color: #ffffff;
        border: 1px solid #999999;
    }
}