/**
* ScanForge - メインスタイルシート
*
* モジュール化されたCSSファイルの統合エントリーポイント
*
* 重要: このファイルは全てのCSSモジュールを@importで読み込みます。
* 各モジュールは責務ごとに分離され、保守性が向上しています。
**/

@layer reset, base, tokens, layout, components, utilities, overrides;
@layer components.buttons, components.forms.base, components.forms.inputs, components.forms.validation,
  components.forms.inline, components.forms.segmented, components.forms.uploader;

/**
* ============================================================================
* 基本設定
* ============================================================================
**/

/* リセット */
@import url('./styles/base/reset.css');

/* ベーススタイル */
@import url('./styles/base/base.css');

/* CSS変数・デザイントークン */
@import url('./styles/base/variables.css');

/** 
* ============================================================================
* レイアウト
* ============================================================================
**/

/* アプリケーションシェル・レイアウト */
@import url('./styles/layout.css');

/* ============================================================================
 * コンポーネント
 * ============================================================================ */

/* ボタン */
@import url('./styles/components/buttons.css');

/* タブナビゲーション */
@import url('./styles/components/tabs.css');

/* フォーム要素 */
@import url('./styles/components/forms/base.css');
@import url('./styles/components/forms/inputs.css');
@import url('./styles/components/forms/validation.css');
@import url('./styles/components/forms/inline/shared.css');
@import url('./styles/components/forms/inline/mode-pills.css');
@import url('./styles/components/forms/inline/option-tiles.css');
@import url('./styles/components/forms/segmented-toggle.css');
@import url('./styles/components/forms/uploader.base.css');
@import url('./styles/components/forms/uploader.inline.css');
@import url('./styles/components/forms/uploader.dropzone.css');

/* トースト通知 */
@import url('./styles/components/toast.css');

/* スキャン画面 */
@import url('./styles/components/scan/layout.css');
@import url('./styles/components/scan/video.css');
@import url('./styles/components/scan/quick-settings.css');
@import url('./styles/components/scan/status.css');
@import url('./styles/components/scan/controls.layout.css');
@import url('./styles/components/scan/controls.cards.css');
@import url('./styles/components/scan/controls.toggles.css');
@import url('./styles/components/scan/import/base.css');
@import url('./styles/components/scan/import/dropzone.css');
@import url('./styles/components/scan/import/job.css');
@import url('./styles/components/scan/import/actions.css');
@import url('./styles/components/scan/animations.css');
@import url('./styles/components/scan/format/selection.css');
@import url('./styles/components/scan/format/cards.css');
@import url('./styles/components/scan/format/actions.css');
@import url('./styles/components/scan/responsive.css');

/* 生成画面 */
@import url('./styles/components/generate/form-layout.css');
@import url('./styles/components/generate/panels.css');
@import url('./styles/components/generate/logo-color.base.css');
@import url('./styles/components/generate/logo-color.dropzone.css');
@import url('./styles/components/generate/logo-color.preview.css');
@import url('./styles/components/generate/actions.css');
@import url('./styles/components/generate/preview-card.css');
@import url('./styles/components/generate/preview-area.css');
@import url('./styles/components/generate/preview-meta.css');
@import url('./styles/components/generate/responsive.css');

/* 履歴パネル */
@import url('./styles/components/history.css');

/* ============================================================================
 * ユーティリティ
 * ============================================================================ */

/* ヘルパークラス */
@import url('./styles/utilities/helpers.css');

/* ローディング画面 */
@import url('./styles/utilities/loading.css');

/* レスポンシブ設定 */
@import url('./styles/utilities/responsive.css');