/* ==========================================================================
   main.css — Stylesheet entry point
   Declares the cascade layer order and imports every other stylesheet.
   Linked from index.html; all other CSS files load through this one.
   ========================================================================== */

/* Layer order: later layers win over earlier ones regardless of
   selector specificity. Each file wraps its rules in its own layer. */
@layer reset, base, layout, components, utilities;

/* Tokens first and unlayered: custom properties only (see tokens.css). */
@import url("tokens.css");
@import url("reset.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("utilities.css");