/* ============================================================
   main.css — Layer declaration + ordered imports
   Layer order determines cascade priority (last = highest).
   Avoid adding @import here for production; use a build step
   to bundle instead.  For this static site, @import is used
   intentionally with awareness of the single-request chain.
   ============================================================ */

@layer base, layout, components, states;

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

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

/* Components */
@import url('./components/_nav.css');
@import url('./components/_button.css');
@import url('./components/_card.css');
@import url('./components/_sections.css');

/* States */
@import url('./states/_interactions.css');