/* ═══════════════════════════════════════════════════════════════════
   MASTER STYLESHEET
   Imports all CSS modules in dependency order
═══════════════════════════════════════════════════════════════════ */

/* ── Core (Reset, Theme, Base, Typography) ───────────────────────── */
@import url("./core/reset.css");
@import url("./core/theme.css");
@import url("./core/base.css");
@import url("./core/typography.css");

/* ── Components (Reusable UI elements) ───────────────────────────── */
@import url("./components/loader.css");
@import url("./components/back-button.css");
@import url("./components/rarity-badge.css");

/* ── Layout (Structural components) ──────────────────────────────── */
@import url("./layout/sections.css");
@import url("./layout/navigation.css");
@import url("./layout/sheet-layout.css");

/* ── Hero Section (Main landing view) ────────────────────────────── */
@import url("./sections/hero/hero.css");
@import url("./sections/hero/hero-subtitle.css");
@import url("./sections/hero/hero-title.css");
@import url("./sections/hero/hero-buttons.css");
@import url("./sections/hero/hero-scroll.css");

/* ── Effects (Atmospheric and visual effects) ────────────────────── */
@import url("./effects/fx-overlay.css");
@import url("./effects/particles.css");
@import url("./effects/fog.css");

/* ── Sections (Sub-screens and content areas) ────────────────────── */
@import url("./sections/player/player.css");
@import url("./sections/portfolio/portfolio.css");
@import url("./sections/about/about.css");
@import url("./sections/contact/contact.css");