The order for layers

[nZeus]

Hello,

I noticed that Tailwind places its layers in the following order: @layer theme, base, components, utilities;.
I am curious why the base layer is not placed first?
If I understand correctly, it may override the theme styles, and I assume the base layer contains reset styles, so that would be undesirable behavior. Or am I missing something?

Kind regards

[wongjn]

I think "theme" in this context is for the set up of theme tokens definitions and generally no actual styling happens in this layer. The styles in base, components and utilities then are based on these theme tokens, so it makes sense to have theme first.

[nZeus]

Thank you for the explanation! I checked the theme.css and indeed it's just tokens, and base file then depends on some of them. Now I understand it 👍