/* ==========================================================================
   app.css — main entry. Order matters: tokens → base → layout → components
                       → utilities → legacy compatibility layers.
   Page-specific stylesheets (under pages/) load AFTER this file.
   ========================================================================== */

@import url("./tokens.css");
@import url("./base.css");
@import url("./bootstrap-theme.css");   /* brand overrides on Bootstrap */
@import url("./vibrant.css");           /* colorful accents + premium flourishes */
@import url("./animations.css");        /* reveal + hover micro-interactions */
@import url("./layout.css");
@import url("./components.css");
@import url("./header.css");            /* premium header — overrides layout.css */
@import url("./utilities.css");

/* Legacy bundles preserved for page-specific styling we have not migrated yet.
   These will be retired progressively as each page is refactored. */
@import url("./style.css");
@import url("./theme.css");