/* ========================================
   BARIOUS Main Stylesheet
   リファクタリング後のメインスタイルシート
   ======================================== */

/*
 * このファイルは後方互換性のために維持されています。
 * 全てのスタイルは以下のモジュールに分割されています。
 *
 * プロジェクト構造:
 * - variables.css: CSS変数・デザイントークン
 * - base.css: リセット、基本スタイル
 * - layout.css: ヘッダー、フッター、グリッド
 * - components.css: ボタン、モーダル、ナビなど
 * - sections.css: 各セクション専用スタイル
 * - utilities.css: ユーティリティクラス
 */

/* ========================================
   Import Order (重要: この順序を維持してください)
   ======================================== */

/* 1. Variables - 最初に読み込む必要がある */
@import url('variables.css');

/* 2. Base - 基本的なリセットとスタイル */
@import url('base.css');

/* 3. Layout - レイアウトコンポーネント */
@import url('layout.css');

/* 4. Components - 再利用可能なコンポーネント */
@import url('components.css');

/* 5. Sections - ページ固有のセクション */
@import url('sections.css');

/* 6. Utilities - ユーティリティクラス（最後に読み込む） */
@import url('utilities.css');

/* ========================================
   Notes:
   - CSS変数は variables.css で定義されています
   - 新しいスタイルを追加する場合は、適切なモジュールファイルに追加してください
   - このファイルに直接スタイルを追加しないでください
   ======================================== */