/* ============================================================================
   KROMA KOBRA — 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, body bg, headings, links, focus, scrollbar
     layout.css         Container, page/section rhythm, grids, jumpnav
     header-footer.css  Fixed site header, nav + mobile menu, site footer
     components.css     Buttons, tags, cards (shared building blocks)
     home.css           Hero, matrix canvas, terminal card
     topics.css         Topic grid, article lists, breadcrumbs, placeholder
     article.css        Long-form prose, callouts, code, byline, prev/next
     projects.css       Projects gallery cards + status pips
     about-contact.css  About grid, quick-facts panel, handle 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 big
       media-query file.
     • Adding a page? Create its css file here and add one @import below.
   ============================================================================ */
@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("topics.css");
@import url("article.css");
@import url("projects.css");
@import url("about-contact.css");
@import url("timeline.css");
@import url("utilities.css");