/* Main CSS File - Imports all other CSS files */

/* Reset */
@import url('reset.css');

/* Variables */
@import url('variables.css');

/* Base */
@import url('base.css');

/* Layout */
@import url('layout.css');

/* Sections */
@import url('sections.css');

/* Animations */
@import url('animations.css');

/* Additional Global Styles */
body {
    position: relative;
}

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

/* Selection */
::selection {
    background-color: var(--color-accent);
    color: var(--color-bg);
}

/* Focus Styles */
:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

/* Improved focus for navigation links */
.nav__link:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 4px;
    background-color: var(--color-secondary);
}

/* Focus for toggle button */
.nav__toggle:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
    border-radius: var(--radius-md);
}

/* Hide custom cursor on touch devices */
@media (hover: none) and (pointer: coarse) {
    .cursor-outer,
    .cursor-inner {
        display: none;
    }
}

/* Print Styles */
@media print {
    .nav,
    .hero__cta,
    .cta__actions,
    .cursor-outer,
    .cursor-inner,
    .noise-overlay {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
}