/**
 * Matrix Components - Modular CSS Architecture
 * Main entry point for all Matrix theme components
 * 
 * This file imports all organized CSS components:
 * - Components: buttons, forms, cards, etc.
 * - Layout: containers, grids, spacing
 * - Pages: page-specific styles
 * - Utils: utilities and helpers
 * - Themes: theme variables and overrides
 */

/* Import order matters for cascade and specificity */

/* 1. Theme Variables and Base */
@import url('themes/matrix-variables.css');

/* 2. Layout and Structure */
@import url('layout/containers.css');
@import url('layout/grid.css');

/* 3. Components */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/cards.css');
@import url('components/terminals.css');
@import url('components/animations.css');
@import url('components/stats.css');

/* 4. Page-specific Styles */
@import url('pages/landing.css');
@import url('pages/contact.css');
@import url('pages/home-pages.css');


/* Base Performance and Reset */
* {
    box-sizing: border-box;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Base body styles */
body {
    margin: 0;
    padding: 0;
    background: var(--matrix-bg-primary);
    color: var(--matrix-text-primary);
    font-family: 'Courier New', monospace;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}