/*
 * Hottabi Zero — main CSS entry.
 *
 * 4 層モデル: tokens -> utilities -> components -> pages
 * CSS Cascade Layer で順序を固定し、Neutrope Zero Starter の更新を
 * 取り込みやすくする。pages 層は原則空のまま運用する。
 */

@layer reset, base, tokens, utilities, components, theme, pages;

/* ---------- tokens ---------- */
@import url("./tokens/_color.css")  layer(tokens);
@import url("./tokens/_space.css")  layer(tokens);
@import url("./tokens/_type.css")   layer(tokens);
@import url("./tokens/_radius.css") layer(tokens);
@import url("./tokens/_shadow.css") layer(tokens);
@import url("./tokens/_motion.css") layer(tokens);

/* ---------- base ---------- */
@import url("./base/_reset.css")    layer(reset);
@import url("./base/_root.css")     layer(base);
@import url("./base/_elements.css") layer(base);

/* ---------- utilities ---------- */
@import url("./utilities/_layout.css") layer(utilities);
@import url("./utilities/_a11y.css")   layer(utilities);

/* ---------- components ---------- */
@import url("./components/_btn.css")      layer(components);
@import url("./components/_card.css")     layer(components);
@import url("./components/_form.css")     layer(components);
@import url("./components/_compare.css")  layer(components);
@import url("./components/_meta.css")     layer(components);
@import url("./components/_detail.css")   layer(components);
@import url("./components/_lodging.css")  layer(components);
@import url("./components/_timeline.css") layer(components);
@import url("./components/_progress.css") layer(components);

/* ---------- pages ---------- */
/* 原則空。例外は docs/50-frontend-conventions.md に根拠を残してから追加 */