/* 

1.    low level reset [and normalization styles]
2.    element defaults, [for basic typography and legibility]
3.    themes, [like light and dark modes]
4.    re-usable patterns [that might appear across multiple components]
5.    layouts [and larger page structures]
6.    [individual] components
7.    overrides and utilities

*/

@layer reset,
    default,
    themes,
    layouts,
    patterns,
    components,
    utilities;

@import "./reset.css" layer(reset);
@import "./font.css" layer(default.font);
@import "./default.css" layer(default);
@import "./theme.css" layer(themes);
@import "./layouts.css" layer(layouts);
@import "./patterns.css" layer(patterns);
@import "./components.css" layer(components);