/*
  Composition root for all styles.

  Cascade layers fix the import order independently of source order, so each
  file can be edited in isolation without specificity fights. Later layers in
  the list below win over earlier ones, regardless of selector strength.
*/
@layer reset, tokens, base, layout, components, transitions, utilities;

@import url("reset.css")       layer(reset);
@import url("tokens.css")      layer(tokens);
@import url("base.css")        layer(base);
@import url("layout.css")      layer(layout);
@import url("components.css")  layer(components);
@import url("transitions.css") layer(transitions);