/* Sporttipset: the sports pages of a newspaper. Cascade layers keep the
   order explicit: tokens, then element defaults, then page layout, then
   components, then utilities. */

@layer settings, base, layout, components, utilities;

@import url("settings/tokens.css") layer(settings);

@import url("base/fonts.css") layer(base);
@import url("base/reset.css") layer(base);
@import url("base/typography.css") layer(base);

@import url("layout/masthead.css") layer(layout);
@import url("layout/page.css") layer(layout);

@import url("components/editorial.css") layer(components);
@import url("components/table.css") layer(components);
@import url("components/form.css") layer(components);
@import url("components/button.css") layer(components);
@import url("components/coupon.css") layer(components);
@import url("components/lists.css") layer(components);
@import url("components/comments.css") layer(components);
@import url("components/toast.css") layer(components);
@import url("components/theme-picker.css") layer(components);

@import url("utilities.css") layer(utilities);