/* ==========================================================================
   樣式總表
   --------------------------------------------------------------------------
   index.html 只載入這一個檔案，由它把其他樣式檔匯入進來。
   新增區塊時，在 styles/ 建一個新的 .css，然後在下面加一行 @import。

   順序有意義，由上往下越來越專用：
   後面的檔案若和前面設定了相同的屬性，會蓋掉前面的。
   ========================================================================== */

/* 1. 設計 token — 顏色、字級、間距的定義（來自 Figma Variables） */
@import url("tokens.css");

/* 2. 基礎樣式 — reset、body、文字樣式 class */
@import url("base.css");

/* 3. 共用元件 */
@import url("button.css");
@import url("tag.css");
@import url("card-project.css");
@import url("popup.css");
@import url("cursor.css");
@import url("reveal.css"); /* 捲到才出現的進場動畫 */

/* 4. 各區塊 */
@import url("header.css");
@import url("hero.css");
@import url("works.css");
@import url("about.css");
@import url("ai-workflow.css");
@import url("footer.css");

/* 5. 作品內頁（work/<slug>/index.html，由 build.mjs 產生） */
@import url("case-study.css");