/* ========================================
   CSS Entry Point (中央司令塔)

   このファイルはCSSの読み込み管理専用。
   実際のスタイルは書かない。

   ▼役割
   - foundation / layout / components / pages
     のCSSを順番に読み込む

   ▼設計思想
   - CSSの依存関係をここで管理する
   - スタイルの実装は各責務ファイルに分離

   ▼読み込み順
   1. foundation（変数・リセット・ユーティリティ）
   2. layout（サイト全体構造）
   3. components（再利用UI）
   4. pages（ページ固有）

   ※ このファイルに直接CSSを書かないこと
======================================== */


/* ====================
foundation
==================== */

@import "./foundation/variables.css";
@import "./foundation/base.css";
@import "./foundation/utilities.css";

/* ====================
layout
==================== */

@import "./layout/header.css";
@import "./layout/footer.css";
@import "./layout/section.css";

/* ====================
components
==================== */

@import "./components/news-card.css";
@import "./components/news-card-top.css";
@import "./components/live-card.css";
@import "./components/live-card-top.css";
@import "./components/mv-card.css";
@import "./components/mv-modal.css";
@import "./components/photo-modal.css";
@import "./components/tabs.css";
@import "./components/loading.css";

/* ====================
pages
==================== */
@import "./pages/index.css";
@import "./pages/news-detail.css";
@import "./pages/live.css";
@import "./pages/live-detail.css";
@import "./pages/media.css";