/* Aeona's stylesheet. Plain CSS, served straight by Propshaft — there is no build step and no
   utility framework: a view names what a thing *is* and this stylesheet says what that looks like.

   Read the parts in this order; each one may use what came before it, never the other way round.

     tokens.css      every colour, font, shadow, space and radius, as custom properties on :root.
                     timeline_controller.js and tree_controller.js read these names at runtime.
     reset.css       the browser reset the design was drawn against.
     base.css        what a bare h1, a link or the page itself looks like.
     components.css  the named parts: card, btn-*, chip-*, input, label, eyebrow, nav-link, stat,
                     table, flash-*, transcript, and the mark's glyphs.
     layout.css      the arrangement vocabulary (stack, cluster, row, grid-cards, page-head,
                     measure…) and the application shell.
     pages.css       the handful of classes that belong to one screen and nowhere else.

   docs/CONVENTIONS.md "Design system" is the index of what is available and how to add to it.
   test/no_utility_classes_test.rb keeps utility strings from coming back into the views. */

@import url("/assets/tokens-3f9f400c.css");
@import url("/assets/reset-61833e7f.css");
@import url("/assets/base-86cb1beb.css");
@import url("/assets/components-1fa6a590.css");
@import url("/assets/layout-99bdc9e4.css");
@import url("/assets/pages-17cee530.css");