/*
----------------------------------------------------------------------------
NOTE:

DO NOT EDIT 'index.css' directly.

CSS Cascade Layers.
----------------------------------------------------------------------------
*/
@import "layer.css";

/*
----------------------------------------------------------------------------
Design tokens (primitives + semantic)
----------------------------------------------------------------------------
*/
@import "tokens/index.css" layer(base.tokens) screen;

/*
----------------------------------------------------------------------------
Base style settings
----------------------------------------------------------------------------
*/
@import "base/index.css" layer(base.settings) screen;

/*
----------------------------------------------------------------------------
Reset
----------------------------------------------------------------------------
*/
@import "reset/index.css" layer(global.reset) screen;

/*
----------------------------------------------------------------------------
Global styles
----------------------------------------------------------------------------
*/
@import "global/index.css" layer(global.styles) screen;

/*
----------------------------------------------------------------------------
Layout patterns
----------------------------------------------------------------------------
*/
@import "layout/index.css" layer(layout) screen;

/*
----------------------------------------------------------------------------
Forms and components
----------------------------------------------------------------------------
*/
@import "components/index.css" layer(components) screen;

/*
----------------------------------------------------------------------------
Utilities
----------------------------------------------------------------------------
*/
@import "utilities/index.css" layer(utilities) screen;

/*
----------------------------------------------------------------------------
Theme overrides
----------------------------------------------------------------------------
*/
@import "theme/index.css" layer(theme) screen;

/*
----------------------------------------------------------------------------
Print styles.
----------------------------------------------------------------------------
*/
@import "print/index.css" layer(print) print;