/* =============================================================================
   DESIGN SYSTEM — entry point
   Declares layer order, then imports each layer file.
   reset → theme → base → layout → typography → components → utilities
   ============================================================================= */

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

@import "reset.css"      layer(reset);
@import "theme.css"      layer(theme);
@import "base.css"       layer(base);
@import "layout.css"     layer(layout);
@import "typography.css" layer(typography);
@import "components.css" layer(components);
@import "pages.css"      layer(components);
@import "utilities.css"  layer(utilities);