Що робить директива @layer?

@layer дозволяє об'єднувати стилі в шари й керувати їхнім порядком застосування, незалежно від порядку у файлі. Це потрібно, щоб точно контролювати, які стилі мають перевизначати інші - наприклад, базові, компоненти та утиліти.

Приклад логіки шарів:

Навіть якщо utilities оголошені на початку файлу, вони все одно будуть сильнішими за base і reset, тому що саме так визначено порядок шарів.

Сенс: @layer дає передбачувану каскадність і спрощує перевизначення стилів у великих проєктах.