@layer tokens, base, legacy, components, utilities;

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

/* Components */
@import url('./components/button.css') layer(components);
@import url('./components/header.css') layer(components);
@import url('./components/mobile-menu.css') layer(components);
@import url('./components/hero.css') layer(components);
@import url('./components/card.css') layer(components);
@import url('./components/forms.css') layer(components);
@import url('./components/footer.css') layer(components);

/* Utilities */
@import url('./utilities.css') layer(utilities);

/* Temporary bridge: Include existing main.css in a lower-priority legacy layer to reduce overrides while migrating */
@import url('./main.css') layer(legacy);