/* ============================================================================
   KROMA PLAYER — stylesheet entry point
   ----------------------------------------------------------------------------
   Every page links THIS file only. It just imports the real stylesheets, one
   file per concern, in cascade order (later files may override earlier ones,
   so keep this order):

     tokens.css         Design tokens (:root) -> change colors/fonts/spacing HERE
     theme-light.css    Light-mode color overrides ([data-theme="light"])
     base.css           Resets, page background, headings, links, focus, scrollbar
     layout.css         Container, section rhythm, grids, section headings
     header-footer.css  Fixed site header, nav + mobile menu, site footer
     components.css     Buttons, tags, cards, code blocks, screenshot frames
     home.css           Landing page: hero, architecture, gallery, download band
     releases.css       /releases/ — status banner, platform cards, history
     changelog.css      /changelog/ — version sidebar + release body
     roadmap.css        /roadmap/  — filters, category nav, item cards
     utilities.css      Helper classes, 404 numerals, reveal-on-scroll

   RULES OF THE ROAD
     • Every color, font size and spacing value references a token from
       tokens.css. To tweak the look, edit tokens first — only reach into the
       other files to change *structure*.
     • Responsive tweaks live next to the styles they modify (e.g. the mobile
       nav is at the bottom of header-footer.css), not in one media-query file.
     • Adding a page (releases / roadmap / changelog / download)? Create its
       css file here and add one @import below.

   This site is a sibling of kromakobra.com and mirrors its file layout on
   purpose, so moving between the two repos feels the same.
   ============================================================================ */
@import url("tokens.css");
@import url("theme-light.css");
@import url("base.css");
@import url("layout.css");
@import url("header-footer.css");
@import url("components.css");
@import url("home.css");
@import url("releases.css");
@import url("changelog.css");
@import url("roadmap.css");
@import url("utilities.css");