/* ==========================================================================
   Stylesheet entry point — imports every part in order.
   To change a colour or size, start with base/tokens.css.
   To change a reusable piece (button, card, chip…), open components/.
   To change one part of the page, open sections/.

   樣式入口 —— 按次序載入所有部分。
   想改顏色或尺寸：先看 base/tokens.css。
   想改可重用元件（按鈕、卡片、標籤…）：打開 components/。
   想改頁面某一部分：打開 sections/。
   ========================================================================== */

/* Foundations / 基礎 */
@import url("base/tokens.css");
@import url("base/base.css");
@import url("layout/section.css");

/* Components (reusable) / 元件（可重用） */
@import url("components/button.css");
@import url("components/chip.css");
@import url("components/card.css");
@import url("components/text-link.css");
@import url("components/timeline.css");
@import url("components/disclosure.css");
@import url("components/marquee.css");
@import url("components/nebula.css");          /* desktop / 桌面版 */
@import url("components/nebula.mobile.css");   /* phone ≤ 900px / 手機版 */
@import url("components/nav.css");
@import url("components/rail.css");
@import url("components/sky.css");             /* desktop / 桌面版 */
@import url("components/sky.mobile.css");      /* phone ≤ 900px / 手機版 */
@import url("components/lang-switch.css");

/* Page sections / 頁面區塊 */
@import url("sections/hero.css");
@import url("sections/skills.css");
@import url("sections/education.css");
@import url("sections/contact.css");
@import url("sections/community.css");
@import url("sections/footer.css");

/* Utilities (last, so they can override) / 工具類（最後載入，方便覆蓋） */
@import url("utilities/reveal.css");
@import url("utilities/lang-zh.css");
@import url("utilities/motion.css");
@import url("utilities/performance.css");