/* ==========================================================================
   Linear V2 - Main CSS Entry Point
   CSS @layer ordering ensures predictable specificity
   ========================================================================== */

@layer reset, tokens, base, layout, components, sections, pages, animations, utilities;

/* ── Base ── */
@import url('./base/reset.css') layer(reset);
@import url('./base/tokens.css') layer(tokens);
@import url('./base/typography.css') layer(base);

/* ── Layout ── */
@import url('./layout/header.css') layer(layout);
@import url('./layout/footer.css') layer(layout);
@import url('./layout/modal.css') layer(layout);

/* ── Components ── */
@import url('./components/buttons.css') layer(components);
@import url('./components/cards.css') layer(components);

/* ── Sections (Front Page) ── */
@import url('./sections/hero.css') layer(sections);
@import url('./sections/about.css') layer(sections);
@import url('./sections/streams.css') layer(sections);
@import url('./sections/ranking.css') layer(sections);
@import url('./sections/news.css') layer(sections);
@import url('./sections/debut.css') layer(sections);
@import url('./sections/interview.css') layer(sections);
@import url('./sections/apply.css') layer(sections);
@import url('./sections/banners.css') layer(sections);

/* ── Pages (Child pages) ── */
@import url('./pages/common.css') layer(pages);

/* ── Animations ── */
@import url('./animations/loading.css') layer(animations);
@import url('./animations/scroll.css') layer(animations);
@import url('./animations/hover.css') layer(animations);
@import url('./animations/cursor.css') layer(animations);

/* ── Utilities (highest specificity in layer order) ── */
@import url('./base/utilities.css') layer(utilities);