/* 2️⃣ THEN IMPORT FILES INTO LAYERS */
@import "base/variables.css" layer(variables);
@import "base/reset.css" layer(reset);
@import "base/typography.css" layer(typography);
@import "themes/themes.css" layer(themes);
@import "base/base.css" layer(base);
@import "components/index.css" layer(sections);
@import "layout/index.css" layer(layout);
@import "sections/index.css" layer(sections);
@import "utilities/index.css" layer(utilities);

/* 3️⃣ DEFINE THE ORDER OF LAYERS */

@layer
variables,
reset,
typography,
themes,
base,
layout,
sections,
utilities,