/* Entry stylesheet. Layers keep precedence explicit: tokens < base <
   components < sections, whatever order the files load in. */

@layer tokens, base, components, sections;

@import url("tokens.css") layer(tokens);
@import url("base.css") layer(base);
@import url("motion.css") layer(base);

@import url("components/button.css") layer(components);
@import url("components/card.css") layer(components);
@import url("components/pill.css") layer(components);
@import url("components/avatar.css") layer(components);
@import url("components/nudge-card.css") layer(components);
@import url("components/print.css") layer(components);
@import url("components/circle.css") layer(components);
@import url("components/plan.css") layer(components);
@import url("components/bubble.css") layer(components);
@import url("components/field.css") layer(components);
@import url("components/burst.css") layer(components);
@import url("components/sheet.css") layer(components);
@import url("components/flow.css") layer(components);

@import url("sections/header.css") layer(sections);
@import url("sections/hero.css") layer(sections);
@import url("sections/why.css") layer(sections);
@import url("sections/story.css") layer(sections);
@import url("sections/opens.css") layer(sections);
@import url("sections/footer.css") layer(sections);