/* ===========================================================================
   Viz prototype — stylesheet manifest.

   Deliberately no build step and no framework: this exists to evaluate
   structure, so it should be readable and instantly runnable. Everything here
   is portable into the Next app later; the layout ideas are the deliverable,
   not this code.

   Swap --accent in tokens.css to rebrand. It's referenced everywhere rather
   than hardcoded.

   Why @import rather than a dozen <link> tags: the cascade order below is the
   contract (tokens, then base, then components), and keeping it in one CSS file
   means the HTML doesn't have to know the file list. The cost is one extra
   round trip — the browser parses this file, then fetches the imports in
   parallel — which is a fine trade for a prototype served off localhost. If
   this ever ships, the imports get concatenated at build time and the cost
   disappears.

   Each component file owns its own responsive rules rather than there being one
   media-query block at the bottom, so everything about a component is in one
   place.
   =========================================================================== */

/* Foundations — must come first, everything below reads these. */
@import url("./tokens.css");
@import url("./base.css");

/* Page scaffold: the bands, the strips, the page note. */
@import url("./layout.css");

/* Components, in the order they appear down the page. */
@import url("./topbar.css");
@import url("./tabs.css");
@import url("./thread.css");
@import url("./card.css");
@import url("./preview.css");
@import url("./annotations.css");
@import url("./timeline.css");
@import url("./steps.css");
@import url("./actions.css");