/**
 * Velora — entry CSS
 * Layer order defines unambiguous specificity across the framework.
 */
@layer velora.reset, velora.tokens, velora.layout, velora.motion, velora.components, velora.transitions, velora.utilities, velora.overrides;

@import "./00-reset.css";
@import "./01-tokens.css";
@import "./01b-editorial-themes.css";
@import "./02-layout.css";
@import "./03-motion.css";
@import "./03b-motion-extended.css";
@import "./04-components.css";
@import "./04a-forms.css";
@import "./04b-dialogs.css";
@import "./04c-structures.css";
@import "./04d-premium.css";
@import "./04e-showcase-elevation-patterns.css";
@import "./05-transitions.css";
@import "./06-utilities.css";
@import "./07-overrides.css";

/*
 * Cross-document (MPA) view transitions — keep this at-rule at top level (not inside @layer).
 * Some pipelines only enable navigation: auto when @view-transition is not nested in @layer.
 * Requires Chromium 124+ (same-origin navigations).
 */
@view-transition {
    navigation: auto;
}