/* ============================================================================
   borjadelamora.com — stylesheet entry point
   ----------------------------------------------------------------------------
   The styles are split into focused partials, imported here in cascade order.
   Every page links only this file, so adding/removing a partial is a one-line
   change. Order matters — tokens first, page/motion overrides last.

     base.css        Reset, design tokens (light/dark), typography, header, nav
     hero.css        Home page hero (.about) + decorative layers
     components.css  Projects, carousels, quotes, timelines, modal, equations…
     sections.css    Footer, build/video/drone/AI/gallery/embeds, 404
     pages.css       Page-specific: nada-corriente, music, booth
     motion.css      View transitions, theme reveal, terminal, palette accents,
                     subpage polish, reduced-motion guards
     responsive.css  Mobile / small-screen layer — imported after desktop so it
                     reliably overrides the desktop styles above
     accessibility.css  On-page accessibility toolkit + the user-toggled
                     adjustments (contrast, scaling, spacing…) — imported LAST
                     so a chosen adjustment wins over every other layer
   ========================================================================== */

@import "base.css";
@import "hero.css";
@import "components.css";
@import "sections.css";
@import "pages.css";
@import "motion.css";
@import "responsive.css";
@import "accessibility.css";