@charset "UTF-8";

/* CSS is ordered by specificity, so that browsers without layers fall backs to good defaults */
@layer aksel.reset, aksel.theming, aksel.baseline, aksel.print, aksel.typography, aksel.components, aksel.layout;

/* ----------------------------- CSS foundations ---------------------------- */
@import "./baseline/fonts.darkside.css" layer(aksel.typography);
@import "./baseline/reset.darkside.css" layer(aksel.reset);
@import "./baseline/tokens.darkside.css" layer(aksel.theming);
@import "./baseline/baseline.darkside.css" layer(aksel.baseline);
@import "./baseline/print.darkside.css" layer(aksel.print);

/* ------------------------------- Components ------------------------------- */
@import "./typography.darkside.css" layer(aksel.components);
@import "./button.darkside.css" layer(aksel.components);
@import "./chips.darkside.css" layer(aksel.components);

/**
  * Most components depend on typo-styles, so we import them first.
  *
  * `./form/index.css` edits the following components:
  * - Button
  * - Chips
  * To avoid specificity conflicts, we import those components before form.
*/
@import "./form/index.css" layer(aksel.components);
@import "./accordion.darkside.css" layer(aksel.components);
@import "./alert.darkside.css" layer(aksel.components);
@import "./chat.darkside.css" layer(aksel.components);
@import "./copybutton.darkside.css" layer(aksel.components);
@import "./date.darkside.css" layer(aksel.components);
@import "./dropdown.darkside.css" layer(aksel.components);
@import "./action-menu.darkside.css" layer(aksel.components);
@import "./expansioncard.darkside.css" layer(aksel.components);
@import "./guide-panel.darkside.css" layer(aksel.components);
@import "./help-text.darkside.css" layer(aksel.components);
@import "./internalheader.darkside.css" layer(aksel.components);
@import "./link.darkside.css" layer(aksel.components);
@import "./loader.darkside.css" layer(aksel.components);
@import "./modal.darkside.css" layer(aksel.components);
@import "./pagination.darkside.css" layer(aksel.components);
@import "./popover.darkside.css" layer(aksel.components);
@import "./tag.darkside.css" layer(aksel.components);
@import "./timeline.darkside.css" layer(aksel.components);
@import "./tooltip.darkside.css" layer(aksel.components);
@import "./toggle-group.darkside.css" layer(aksel.components);
@import "./panel.darkside.css" layer(aksel.components);
@import "./link-panel.darkside.css" layer(aksel.components);
@import "./read-more.darkside.css" layer(aksel.components);
@import "./progress-bar.darkside.css" layer(aksel.components);
@import "./skeleton.darkside.css" layer(aksel.components);
@import "./stepper.darkside.css" layer(aksel.components);
@import "./table.darkside.css" layer(aksel.components);
@import "./tabs.darkside.css" layer(aksel.components);
@import "./list.darkside.css" layer(aksel.components);
@import "./theme.darkside.css" layer(aksel.components);

/* --------------------------------- Layout --------------------------------- */
@import "./primitives/index.css" layer(aksel.layout);
