/*
 * Entry stylesheet: only imports, no rules.
 * Every file is assigned to a cascade layer via layer(), so the files themselves contain plain rules.
 * Layer order (later wins): reset < base < layout < components < utilities
 */

@layer reset, base, layout, components, utilities;

/* Tokens and fonts (unlayered) */
@import url('fonts.css');
@import url('variables.css');

@import url('reset.css') layer(reset);
@import url('base.css') layer(base);
@import url('layout.css') layer(layout);

/* Components */
@import url('components/wordlogo.css') layer(components);
@import url('components/home.css') layer(components);
@import url('components/nav.css') layer(components);
@import url('components/project-grid.css') layer(components);
@import url('components/image.css') layer(components);
@import url('components/project.css') layer(components);
@import url('components/button.css') layer(components);
@import url('components/video-poster.css') layer(components);
@import url('components/about.css') layer(components);
@import url('components/contact.css') layer(components);
@import url('components/basic-page.css') layer(components);

@import url('utilities.css') layer(utilities);