/*
 * The tokens: every `--md-sys-*` and `--md-ref-*` custom property the package reads.
 *
 * Each token file wraps its own declarations in `material.tokens`, because an `@import` cannot sit
 * inside a layer block and `layer()` on the import would nest the layer a second time. Being the
 * lowest layer but one, a token here loses to the same property declared anywhere an application
 * writes it: its generated `material-scheme.css`, unlayered, replaces the default scheme below
 * whatever its selectors, and a typeface or a spacing step is overridden the same way.
 *
 *   scheme     the colour roles of M3's baseline scheme, light and dark, three contrast levels
 *   shape      the corner scale
 *   elevation  the five shadow levels
 *   motion     the springs of both motion schemes and M3's legacy easings
 *   type       the 30 type styles and the brand typeface
 *   state      the state-layer and disabled opacities
 *   spacing    the measurement scale, space25 … space900
 */

@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;

@import '../tokens/scheme.css';
@import '../tokens/shape.css';
@import '../tokens/elevation.css';
@import '../tokens/motion.css';
@import '../tokens/type.css';
@import '../tokens/state.css';
@import '../tokens/spacing.css';