/* ============================================================
   MAIN.CSS — Master Stylesheet Entry Point
   Susovon Jana Academic Portfolio
   ------------------------------------------------------------
   This file imports every component stylesheet in the correct
   cascade order. You rarely need to edit this file.

   TO RESTYLE ONE PART OF THE SITE:
     → open the matching component file listed below.

   LOAD ORDER MATTERS:
     1. base/       → variables, reset, layout utils, animations
     2. layout/     → header, hero, sections, footer
     3. components/ → one file per feature
     4. responsive  → media queries (must come after components)
     5. print       → last, for clean printing

   CACHE-BUSTING: every import carries ?v=6.2. After you change ANY
   css file, bump the version (find & replace "v=6.2" → "v=6.2" in
   this file AND the <link> tag in index.html) so visitors' browsers
   fetch the fresh styles instead of an old cached copy.
============================================================ */

/* ---------- 1. BASE LAYER ---------- */
@import url("base/variables.css?v=6.2");
@import url("base/reset.css?v=6.2");
@import url("base/layout.css?v=6.2");
@import url("base/animations.css?v=6.2");

/* ---------- 2. LAYOUT LAYER ---------- */
@import url("layout/header.css?v=6.2");
@import url("layout/hero.css?v=6.2");
@import url("layout/overlay.css?v=6.2");
@import url("layout/sections.css?v=6.2");
@import url("layout/footer.css?v=6.2");

/* ---------- 3. COMPONENT LAYER (one file per feature) ---------- */
@import url("components/about.css?v=6.2");
@import url("components/experience.css?v=6.2");
@import url("components/education.css?v=6.2");
@import url("components/awards.css?v=6.2");
@import url("components/research.css?v=6.2");
@import url("components/tables.css?v=6.2");
@import url("components/accordion.css?v=6.2");
@import url("components/contact.css?v=6.2");
@import url("components/buttons.css?v=6.2");
@import url("components/flipbook.css?v=6.2");
@import url("components/carousel.css?v=6.2");
@import url("components/clock-widget.css?v=6.2");
@import url("components/search.css?v=6.2");
@import url("components/enhancements.css?v=6.2");

/* ---------- 4. RESPONSIVE LAYER (always after components) ---------- */
@import url("base/responsive.css?v=6.2");

/* ---------- 5. PRINT (always last) ---------- */
@import url("base/print.css?v=6.2");