/* ============================================================
   BYLX — styles.css  (entry point)
   Import order matters:
     1. Tokens    — CSS variables, @property, nothing rendered
     2. Base      — reset and body defaults
     3. Cursor    — pixel cursor + sakura trail
     4. Hero      — parallax scene and copy overlay
     5. Sections  — projects, modals, mp3, about, footer
     6. Responsive — breakpoint overrides (always last)
   ============================================================ */

@import "./css/tokens.css";
@import "./css/base.css";
@import "./css/cursor.css";
@import "./css/hero-animations.css";
@import "./css/hero-positions.css";
@import "./css/hero-text.css";
@import "./css/sections.css";
@import "./css/animations.css";
@import "./css/responsive.css";