/* ==========================================================================
   SmartUQ site stylesheet — entry point

   Plain CSS: custom properties, @layer, native nesting. No build step needed;
   Vite (or any bundler) can inline the @imports later without changes.

   Layer order is declared once, here. Later layers win regardless of
   selector specificity, so you should never need !important.
   ========================================================================== */

@layer tokens, reset, base, layout, components, utilities;

@import "./tokens.css"     layer(tokens);
@import "./reset.css"      layer(reset);
@import "./base.css"       layer(base);
@import "./layout.css"     layer(layout);
@import "./components.css" layer(components);
@import "./utilities.css"  layer(utilities);
@import "./print.css"      print;

/* Smooth cross-page transitions where supported; the sticky header stays put. */
@view-transition { navigation: auto; }
body > header { view-transition-name: site-header; }

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}