/*
 * IKAY - styles
 * Built on the LUZ tokens (assets/vendor/luz/tokens.min.css, loaded before
 * this file): the `ikay` theme sets them, the components use them.
 * Plain CSS, no preprocessor: custom properties, native nesting,
 * cascade layers and container queries. ITCSS order kept as layers.
 * The layers of LUZ (luz.*) come first, so every layer below wins over them.
 */
@layer settings, generic, elements, objects, components, sections, utilities;

/* SETTINGS */
@import url("settings/theme-ikay.css") layer(settings);
@import url("settings/variables.css") layer(settings);

/* GENERIC */
@import url("generic/normalize.css") layer(generic);
@import url("generic/reset.css") layer(generic);

/* ELEMENTS */
@import url("elements/body.css") layer(elements);
@import url("elements/animation.css") layer(elements);

/* OBJECTS */
@import url("objects/icon.css") layer(objects);

/* COMPONENTS */
@import url("components/card.css") layer(components);
@import url("components/battery.css") layer(components);
@import url("components/caimodal.css") layer(components);
@import url("components/nav.css") layer(components);
@import url("components/sharetime.css") layer(components);

/* SECTIONS */
@import url("sections/loadingPage.css") layer(sections);
@import url("sections/header.css") layer(sections);
@import url("sections/main.css") layer(sections);
@import url("sections/footer.css") layer(sections);