/* ==========================================================================
   FLUX — main stylesheet
   Shared layers only. Every page additionally links its own file from
   css/pages/ (e.g. pages/d02-fusion.css) for page-specific sections.

   Order matters:
     1. base        fonts, tokens, reset, typography
     2. layout      shells, containers, section rhythm
     3. components  reusable UI (header, footer, sidebar, buttons, …)

   For production, bundle/minify these imports into one file.
   ========================================================================== */

/* 1. Base */
@import url("base/fonts.css");
@import url("base/tokens.css");
@import url("base/base.css");
@import url("base/typography.css");

/* 2. Layout */
@import url("layout/layout.css");

/* 3. Components */
@import url("components/icon.css");
@import url("components/buttons.css");
@import url("components/readiness.css");
@import url("components/frame.css");
@import url("components/annotation.css");
@import url("components/site-header.css");
@import url("components/site-footer.css");
@import url("components/kit-sidebar.css");