@layer constructor.tokens, constructor.layout, constructor.components, constructor.steps, constructor.mobile, constructor.widgets;

/* Design Tokens */
@import url("./tokens.css") layer(constructor.tokens);

/* Layout Structure */
@import url("./foundation.css") layer(constructor.layout);
@import url("./layout.css") layer(constructor.layout);

/* Reusable Components (modularized) */
@import url("./components/index.css") layer(constructor.components);

/* Step-Specific Styles */
@import url("./steps/step-1/index.css") layer(constructor.steps);
@import url("./steps/step-2/index.css") layer(constructor.steps);
@import url("./steps/step-3/index.css") layer(constructor.steps);
@import url("./steps/step-4/index.css") layer(constructor.steps);

/* Mobile Layout & Components */
@import url("./mobile.css") layer(constructor.mobile);
@import url("./mobile-menu.css") layer(constructor.mobile);
@import url("./edit-drawer.css") layer(constructor.mobile);
@import url("./bottom-sheet.css") layer(constructor.mobile);

/* Widgets & Auth */
@import url("./user-widget.css") layer(constructor.widgets);
@import url("../auth/auth-modal.css") layer(constructor.widgets);