/* =====================================================
   main.css — スタイルシートのエントリポイント
   役割：実体は持たず @import の宣言のみを行う。
         本体アプリ（Motion Kit Standard）と同じく
         Cascade Layers で優先順位を保証する。

   レイヤー優先順（後勝ち）:
     reset < base < layout < components < utils

   重要：@layer の宣言は必ず「最初の @import より前」に置く。
   @import の列の途中に @layer など他のルールを挟むと、
   それ以降の @import はすべて無効として破棄される（CSS仕様）。
   ===================================================== */

@layer reset, base, layout, components, utils;

/* フォント読み込み（fonts.css 内の Google Fonts @import を経由） */
@import url('base/fonts.css');

@import url('base/reset.css') layer(reset);
@import url('base/variables.css') layer(base);
@import url('base/typography.css') layer(base);

@import url('layout/layout.css') layer(layout);

@import url('components/nav.css') layer(components);
@import url('components/hero.css') layer(components);
@import url('components/mock-editor.css') layer(components);
@import url('components/stats.css') layer(components);
@import url('components/problem.css') layer(components);
@import url('components/features.css') layer(components);
@import url('components/composer.css') layer(components);
@import url('components/steps.css') layer(components);
@import url('components/plans.css') layer(components);
@import url('components/faq.css') layer(components);
@import url('components/cta.css') layer(components);
@import url('components/footer.css') layer(components);
@import url('components/buttons.css') layer(components);
@import url('components/toast.css') layer(components);

@import url('utils/animations.css') layer(utils);