/* ==========================================================================
   CloudLink LP — Stylesheet Entry Point
   読み込み順が重要: token → base → layout → components(優先度順) → sections
   ========================================================================== */

/* Design tokens */
@import url("tokens.css");

/* Base / reset */
@import url("base.css");

/* Layout — Tier 0: 全ページ共通の骨格 */
@import url("layout/header.css");
@import url("layout/mobile-nav.css");
@import url("layout/footer.css");

/* Components — Tier 1 + 2: 再利用性が高い順 */
@import url("components/01-button.css");
@import url("components/02-section-head.css");
@import url("components/03-card-grid.css");
@import url("components/04-accordion.css");
@import url("components/05-numbered-feature.css");
@import url("components/06-testimonial.css");
@import url("components/06-process-step.css");
@import url("components/07-pricing-card.css");
@import url("components/07-news-item.css");

/* Sections — Tier 3: ページ固有の外枠 */
@import url("sections/hero.css");
@import url("sections/worry.css");
@import url("sections/solve.css");
@import url("sections/about.css");
@import url("sections/reason.css");
@import url("sections/cta.css");