@layer resets, global, composition, components, utilities;

/* One-layer files */
@import "_resets.css" layer(resets);
@import "_variables.css" layer(global);
@import "_base.css" layer(global);
@import "_layout.css" layer(composition);
@import "_dl.css" layer(global);
@import "_icon.css" layer(components);

/* Mixed layers (see individual files) */
@import "_block.css";
@import "_typography.css";

/* Text colors */
@layer utilities {
    .color-text {
        color: var(--color-text);
    }

    .color-accent {
        color: var(--color-accent);
    }

    .color-muted {
        color: var(--color-muted);
    }
}