/* ========================================================================== File: assets/css/style.css Purpose: ITCSS entrypoint - imports layers in strict ITCSS order with @layer cascade management. Notes: Layers flow from generic/wide to specific/narrow. Using @layer ensures the cascade respects ITCSS intent regardless of import order. ========================================================================== */ /* Define layer order upfront for cascade management */ @layer settings, generic, elements, objects, components, utilities; /* 1. SETTINGS — Global design tokens, no CSS output */ @import './1-settings/index.css' layer(settings); /* 3. GENERIC — Far-reaching resets, affects all elements */ @import './3-generic/reset.css' layer(generic); /* 4. ELEMENTS — Bare HTML element styles (tag selectors only) */ @import './4-elements/typography.css' layer(elements); @import './4-elements/globals.css' layer(elements); /* 5. OBJECTS — Reusable structural patterns (OOCSS, no visual skin) */ @import './5-objects/index.css' layer(objects); /* 6. COMPONENTS — Designed UI blocks (BEM components with full styling) */ @import './6-components/index.css' layer(components); /* 7. UTILITIES — Single-responsibility helpers with !important override authority */ @import './7-themes/index.css' layer(utilities); @import './8-utilities/index.css' layer(utilities);