/* 
   main.css
   Main entry stylesheet importing all MVC-organized layers
*/

@import url('base/typography.css');
@import url('base/tokens.css');
@import url('base/reset.css');

@import url('layout/nav.css');
@import url('layout/hero.css');
@import url('layout/sections.css');
@import url('layout/footer.css');

@import url('components/terminal.css');
@import url('components/buttons.css');
@import url('components/tabs.css');
@import url('components/project-flow.css');
@import url('components/reveal.css');
@import url('components/glitch.css');
@import url('components/crt.css');
@import url('components/pipeline.css');
@import url('components/pipeline-chat.css');

@import url('content/about.css');
@import url('content/skills.css');
@import url('content/projects.css');
@import url('content/career.css');
@import url('content/certifications.css');
@import url('content/education.css');

@import url('print/print.css');

/* Subtle noise texture overlay */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.02;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 256px 256px;
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: overlay;
}