/* =============================================================================
   Flyfotoarkivet - stylesheet entry point
   =============================================================================
   There is no bundler in this project (no package.json, no Node in the
   Dockerfile), so the stylesheet is split into small files and stitched back
   together with @import. Django's ManifestStaticFilesStorage rewrites the
   quoted @import targets to their hashed filenames, so this works with
   whitenoise's CompressedManifestStaticFilesStorage in production.

   Cost of doing it this way: the six partials are only discovered once this
   file has been parsed, so first paint costs one extra round trip. They are
   then fetched in parallel and cached immutably, so it is one RTT once per
   deploy. The alternative - six <link> tags in base.html - saves that RTT at
   the cost of spreading the cascade order across a template.

   @layer makes the cascade order explicit and independent of selector
   specificity, which is what lets components.css stay free of ID selectors
   and !important.

   BROWSER BASELINE: cascade layers set the floor at Chrome 99 / Firefox 97 /
   Safari 15.4 (early 2022). A browser older than that does not understand
   `layer()` and will ignore these @import rules entirely, leaving the page
   unstyled rather than partly styled. Media-query range syntax
   (`width <= 960px`) in layout.css and components.css has a similar floor
   (Safari 16.4). If a wider baseline is ever needed, the way back is to drop
   @layer, load the partials as six ordered <link> tags, and restore the
   `min-width` / `max-width` media queries.
   ========================================================================== */

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

@import url("reset.258bde3cf9c4.css")      layer(reset);
@import url("tokens.d0256168d697.css")     layer(tokens);
@import url("base.29aae997225b.css")       layer(base);
@import url("layout.ed27284e49b9.css")     layer(layout);
@import url("components.8082ec56ac91.css") layer(components);
@import url("utilities.f9b95a2fb548.css")  layer(utilities);