/* =========================================================
   top — エントリ（<link> で読み込む唯一の実体）
   ビルドなし。カスケードを @layer で明示制御する。
     app       … 読み込み順がそのままカスケード順
     utilities … app より後。意図的な上書き専用
   ========================================================= */
@layer app, utilities;

/* --- app: reset → tokens → 共通 → ページ固有 → レスポンシブ --- */
@import "../component/_reset.css"   layer(app);
@import "../tokens.css"             layer(app);
@import "../component/_base.css"    layer(app);
@import "../component/_paper.css"   layer(app);
@import "../component/_header.css"  layer(app);
@import "../component/_drawer.css"  layer(app);
@import "../component/_side.css"    layer(app);
@import "../component/_reveal.css"   layer(app);
@import "../component/_collapse.css" layer(app);
@import "_hero.css"                 layer(app);   /* ここからページ固有 */
@import "_sections.css"             layer(app);
@import "_responsive.css"           layer(app);

/* --- utilities: 最上位（上書き用） --- */
@import "../component/_utilities.css" layer(utilities);