/* =====================================================================
   app.css: single shared entry point for every page.
   To add/remove a global stylesheet, edit ONLY this file.
   Import order = cascade order: tokens -> base -> components.
   Page-specific sheets (e.g. home.css) are linked per page, not here.
   ===================================================================== */
@import "tokens.css";
@import "base.css";
@import "buttons.css";
@import "header.css";
@import "footer.css";
@import "cards.css";
@import "tooltip.css";

/* =====================================================================
   CROSS-DOCUMENT VIEW TRANSITIONS
   Both the leaving and entering page opt in (every page links app.css),
   so the browser holds the old paint and crossfades to the new one
   instead of flashing white between page loads. This opt-in must live in
   a directly-linked sheet, not inside an @import, or the browser ignores
   it. Supported browsers only (Chrome, Edge, Safari 18+); ignored
   elsewhere, where navigation is simply unchanged.
   ===================================================================== */
@view-transition { navigation: auto; }
/* Honor reduced motion: keep the instant, flash-free swap but drop the fade. */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
}