/* =============================================================
   main.css — エントリーポイント
   読み込み順: tokens → base → layout → components → pages → responsive
   （依存の下位から上位へ）
   ============================================================= */

/* 1. トークン（値の源泉） */
@import "tokens.css";

/* 2. リセット / 基盤 */
@import "base.css";

/* 3. レイアウト土台 */
@import "layout.css";

/* 4. 共通コンポーネント */
@import "components/header.css";
@import "components/nav.css";
@import "components/footer.css";
@import "components/button.css";
@import "components/section-heading.css";
@import "components/card.css";
@import "components/tag.css";
@import "components/placeholder.css";
@import "components/prose.css";
@import "components/notfound.css";

/* 5. ページ個別 */
@import "pages/home.css";
@import "pages/about.css";
@import "pages/datacenter.css";
@import "pages/talent.css";
@import "pages/solution.css";
@import "pages/news.css";
@import "pages/news-detail.css";
@import "pages/contact.css";

/* 6. レスポンシブ
   >768px: PC版を html font-size 比例拡縮（base.css）。lg.css は補助のみ。
   ≤768px: スマホ版Figmaデザイン。sp/ に共通クロム + ページ別を集約。 */
@import "responsive/lg.css";

/* ---- スマホ版（≤768px）: 共通クロム → ページ別 ---- */
@import "responsive/sp/base.css";
@import "responsive/sp/home.css";
@import "responsive/sp/about.css";
@import "responsive/sp/datacenter.css";
@import "responsive/sp/talent.css";
@import "responsive/sp/solution.css";
@import "responsive/sp/news.css";
@import "responsive/sp/contact.css";

/* ---- サイト共通の本文枠 ---- */
/* ヘッダーは sticky（in-flow）なので上部余白は不要 */
.site-main {
  padding-top: 0;
}