/*
 * Landing and shared styles.
 *
 * The layer order below is the whole specificity story: a rule in a later layer
 * always wins, whatever its selector, so `.button` beats an element rule and a
 * page override beats a component without anyone reaching for `!important` or a
 * longer selector chain. Declare it once, here; `panel.css` repeats the same
 * order so whichever stylesheet the browser sees first establishes it.
 */
@layer reset, tokens, elements, layouts, components, pages, utilities;

@import url("base/_reset.css") layer(reset);
@import url("base/_tokens.css") layer(tokens);
@import url("base/_platform-fonts.css") layer(tokens);
@import url("base/_elements.css") layer(elements);

@import url("layouts/_page.css") layer(layouts);
@import url("layouts/_split.css") layer(layouts);
@import url("layouts/_landing.css") layer(layouts);

@import url("components/_logo.css") layer(components);
@import url("components/_button.css") layer(components);
@import url("components/_form.css") layer(components);
@import url("components/_password-field.css") layer(components);
@import url("components/_notification.css") layer(components);
@import url("components/_landing-nav.css") layer(components);
@import url("components/_landing-hero.css") layer(components);
@import url("components/_section-heading.css") layer(components);
@import url("components/_showcase.css") layer(components);
@import url("components/_unlimited.css") layer(components);
@import url("components/_feature-grid.css") layer(components);
@import url("components/_steps.css") layer(components);
@import url("components/_privacy.css") layer(components);
@import url("components/_pricing.css") layer(components);
@import url("components/_faq.css") layer(components);
@import url("components/_cta-band.css") layer(components);
@import url("components/_landing-footer.css") layer(components);
@import url("components/_newsletter-form.css") layer(components);
@import url("components/_auth.css") layer(components);
@import url("components/_register-form.css") layer(components);
@import url("components/_login-form.css") layer(components);

@import url("pages/_home.css") layer(pages);
@import url("pages/_newsletter.css") layer(pages);

@import url("base/_utilities.css") layer(utilities);