/* =====================================================================
   BlessU 福祐 v2 — 外觀主題檔（只需要改這個檔案就能換整站外觀）
   ---------------------------------------------------------------------
   改完存檔 → 升版：content.json 的 site.asset_ver 與 sw.js 的 VERSION/ASSET_VER
   → python build.py → 部署。style.css 是元件樣式，一般不需要動。
   ===================================================================== */
:root{
  /* ---- 顏色（現代電商極簡：白底、墨黑、暖灰、一個強調色） */
  --bg:#FFFFFF;            /* 頁面底色 */
  --surface:#F6F5F2;       /* 區塊/卡片底色（暖灰） */
  --surface-2:#ECEAE5;     /* 更深一階的底色（hover、標籤） */
  --ink:#141414;           /* 主要文字 */
  --ink-2:#5B5B5B;         /* 次要文字 */
  --ink-3:#8E8E8E;         /* 弱化文字 */
  --line:#E5E3DE;          /* 分隔線、邊框 */
  --accent:#E0472F;        /* 強調色：主按鈕、價格、標籤（朱砂） */
  --accent-ink:#FFFFFF;    /* 強調色上的文字 */
  --accent-soft:#FCEDE9;   /* 強調色淡底（badge、提示） */
  --ok:#2E8B57;            /* 成功狀態 */
  --dark:#141414;          /* 深色區塊（footer、CTA 帶）底色 */
  --dark-ink:#FFFFFF;      /* 深色區塊文字 */

  /* ---- 字體 */
  --font:"Inter","Noto Sans TC","PingFang TC","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif;
  --font-display:var(--font);      /* 標題字體（想用襯線可改成 "Noto Serif TC",serif） */
  --weight-display:800;            /* 標題粗細 */
  --tracking-display:-0.02em;      /* 標題字距（負值更緊、更現代） */
  --base-size:16px;
  --line-height:1.7;

  /* ---- 形狀與陰影 */
  --radius:20px;           /* 卡片圓角 */
  --radius-s:12px;         /* 小元件圓角（輸入框、標籤） */
  --radius-btn:12px;       /* 按鈕圓角（999px = 膠囊） */
  --shadow:0 20px 60px rgba(20,20,20,.08);
  --shadow-s:0 6px 20px rgba(20,20,20,.06);

  /* ---- 版面 */
  --max:1200px;                       /* 內容最大寬度 */
  --gutter:clamp(18px,4vw,48px);      /* 左右留白 */
  --section:clamp(56px,8vw,112px);    /* 區塊上下間距 */
  --header-h:64px;

  /* ---- 動畫 */
  --ease:cubic-bezier(.2,.8,.2,1);
  --dur:.5s;
}

/* ---- 想換一套色系？把下面其中一組貼到上面 :root 覆蓋即可 ----------------
   [暖米色系]   --bg:#FBF8F3; --surface:#F1EBE1; --surface-2:#E6DECF; --line:#E3DBCD; --accent:#B8532E;
   [森林綠強調] --accent:#2F6B4F; --accent-soft:#E6F0EB; --ok:#2F6B4F;
   [深藍強調]   --accent:#1F3A93; --accent-soft:#E8ECF8;
   [深色模式]   --bg:#111111; --surface:#1B1B1B; --surface-2:#262626; --ink:#F3F3F3; --ink-2:#BDBDBD; --ink-3:#8A8A8A; --line:#2C2C2C; --dark:#000; --shadow:0 20px 60px rgba(0,0,0,.5);
------------------------------------------------------------------------- */