/* Keep imports ordered: foundation, components, motion, responsive overrides. */
@import url("./src/styles/base.css");
@import url("./src/styles/header.css");
@import url("./src/styles/sections.css");
@import url("./src/styles/motion.css");
@import url("./src/styles/stitch-demo.css");
@import url("./src/styles/capture-demo.css");
@import url("./src/styles/responsive.css");
@import url("./src/styles/corners.css");

/* Apply locale fonts after component font shorthands. */
@import url("./src/styles/fonts.css");

/* Lifecycle invariants: animation shorthands in component rules reset both
   play-state and name. Every track must pause together, regardless of selector
   specificity or where a component declares its animation. */
.stitch-demo.is-animated:not(.is-running) * {
  animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
  .stitch-demo.is-animated * {
    animation: none !important;
  }
}