// ----------------------------------------
// Tokens
// Tokens represent the small, repeated design decisions that make up a design system's visual style.
// ----------------------------------------


// ----------------------------------------
// Settings
// Used with preprocessors and contain font, colors definitions, etc.
// ----------------------------------------
@forward './settings'


// ----------------------------------------
// Tools
// Globally used mixins and functions. It’s important not to output any CSS in the first 2 layers.
// ----------------------------------------
@forward './tools'


// ----------------------------------------
// Generic
// Reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS.
// ----------------------------------------
@forward './generic'


// ----------------------------------------
// Elements
// Styling for bare HTML elements (like H1, A, etc.). These come with default styling from the browser so we can redefine them here.
// ----------------------------------------
// @use './elements'


// ----------------------------------------
// Objects
// Class-based selectors which define undecorated design patterns, for example the media object known from OOCSS
// ----------------------------------------


// ----------------------------------------
// Utilities
// Utilities and helper classes with ability to override anything which goes before in the triangle, e.g. hide helper class
// ----------------------------------------
// @use './utilities'