/*
 * style.css  —  TPIジャパン公式サイト
 * ----------------------------------------------------------------
 * CSSカスケードレイヤー宣言 + ファイルインポート
 *
 * レイヤー優先順位（後ろほど強い）:
 *   reset → base → layout → components → pages → utilities
 *
 * 対応ブラウザ: Chrome 99+, Firefox 97+, Safari 15.4+
 * ----------------------------------------------------------------
 */

/* ① カスケードレイヤーの優先順位を宣言 */
@layer reset, base, layout, components, pages, utilities;


/* ② 各レイヤーのファイルをインポート */

/* reset */
@import url('reset.css?v=4') layer(reset);

/* base（デザイントークン・基本スタイル） */
@import url('base.css?v=4') layer(base);

/* layout（ヘッダー・フッター・共通セクション） */
@import url('layout.css?v=4') layer(layout);

/* components（再利用可能なコンポーネント） */
@import url('components/nav.css?v=4')    layer(components);
@import url('components/button.css?v=4') layer(components);
@import url('components/card.css?v=4')   layer(components);
@import url('components/form.css?v=4')   layer(components);

/* pages（ページ固有スタイル） */
@import url('pages/home.css?v=4')      layer(pages);
@import url('pages/about.css?v=4')     layer(pages);
@import url('pages/schedule.css?v=4')  layer(pages);
@import url('pages/subpages.css?v=4')  layer(pages);

/* utilities（最高優先度のユーティリティ） */
@import url('utilities.css?v=4') layer(utilities);