/*
 * SUNOSUNAO ADVANCE PLAN (ASP)
 * File: /assets/css/main.css
 * Purpose: Single CSS Entry Point
 * Reference: ASP Master Reference v1.0
 */

/* =========================================================
   01. DESIGN TOKENS
   Shared colors, spacing, typography, radii and shadows
   ========================================================= */

@import url("./tokens.css");


/* =========================================================
   02. GLOBAL BASE STYLES
   Reset, document defaults and accessibility foundations
   ========================================================= */

@import url("./base.css");


/* =========================================================
   03. SHARED PAGE LAYOUT
   Containers and shared structural layout
   ========================================================= */

@import url("./layout.css");


/* =========================================================
   04. SHARED COMPONENTS
   Buttons, cards, artwork frames and component foundations
   ========================================================= */

@import url("./components.css");


/* =========================================================
   05. HEADER
   ========================================================= */

@import url("./sections/header.css");


/* =========================================================
   06. SEARCH
   ========================================================= */

@import url("./sections/search.css");


/* =========================================================
   07. HERO
   ========================================================= */

@import url("./sections/hero.css");


/* =========================================================
   08. DISCOVERY
   ========================================================= */

@import url("./sections/discovery.css");


/* =========================================================
   09. GENRES
   ========================================================= */

@import url("./sections/genres.css");


/* =========================================================
   10. FEATURED STORIES
   ========================================================= */

@import url("./sections/featured.css");


/* =========================================================
   11. POPULAR STORIES
   ========================================================= */

@import url("./sections/popular.css");


/* =========================================================
   12. MOODS
   ========================================================= */

@import url("./sections/moods.css");


/* =========================================================
   13. AUDIO CINEMA
   ========================================================= */

@import url("./sections/audio-cinema.css");


/* =========================================================
   14. CREATORS
   ========================================================= */

@import url("./sections/creators.css");


/* =========================================================
   15. STORY LIBRARY
   ========================================================= */

@import url("./sections/library.css");


/* =========================================================
   16. WRITER STUDIO
   ========================================================= */

@import url("./sections/writer-studio.css");


/* =========================================================
   17. MEMBERSHIP
   ========================================================= */

@import url("./sections/membership.css");


/* =========================================================
   18. FOOTER
   ========================================================= */

@import url("./sections/footer.css");


/* =========================================================
   19. RESPONSIVE COORDINATION
   Cross-component responsive rules
   Keep after section styles.
   ========================================================= */

@import url("./responsive.css");