/* =========================================================
   Main CSS Aggregation File
   Aggregates all common and component styles
   ========================================================= */

/* Common Layer - Shared by all pages */
@import './common/variables.css?v=20260520_6';
@import './common/reset.css';
@import './common/layout.css?v=20260520_6';
@import './common/panels.css?v=20260520_6';
@import './common/forms.css?v=20260520_6';
@import './common/states.css';
@import './common/utilities.css?v=20260520_6';

/* Components Layer - Reusable components */
@import './components/buttons.css?v=20260520_6';
@import './components/modals.css?v=20260520_6';
@import './components/cards.css';
@import './components/lists.css';
@import './components/history-sidebar.css';
@import './components/footer.css';

/* Pages Layer - Page-specific styles */
@import './pages/lyrics.css?v=20260520_6';
@import './pages/analyze.css?v=20260520_6';
@import './pages/music.css?v=20260520_6';
@import './pages/hotlist.css?v=20260520_6';
@import './pages/upload.css?v=20260520_6';
@import './pages/cover-image.css?v=20260520_6';
@import './pages/community.css?v=20260520_6';
@import './pages/oneclick-lyric.css?v=20260520_6';
@import './pages/introduce.css?v=20260520_6';
@import './pages/remaining.css?v=20260520_6';
@import './pages/stem.css?v=20260520_6';
@import './pages/tophub.css?v=20260520_6';
@import './pages/lyric-ease.css?v=20260520_6';
@import './pages/cover-prompt.css?v=20260520_6';
@import './pages/lyric-studio.css?v=20260520_6';
@import './pages/understand.css?v=20260520_6';
@import './pages/inspiration.css?v=20260520_6';
@import './pages/prompt-square.css?v=20260520_6';
@import './pages/academy.css?v=20260520_6';

/* Dark mode: code highlight override */
html[data-theme="dark"] .hljs {
    background: #1b1f2c;
    color: #eceef2;
}