:root{
  /* ==== 底色層 ========================================================
     診斷結論：藍白風格已符合要求，這裡只把「深淺順序」抽出成變數，
     讓 rhythm.css 的過渡帶可以自動跟著變，不必改漸層本身。 */
  --bg:#ffffff;
  --bg-alt:#F6F9FD;
  --panel:#ffffff;
  --panel-2:#EEF6FF;
  --line:#D7E3F0;

  /* 插畫自帶的底色——白底素材坐在這個底色上不會出現第二個方框。
     若日後換素材，只要改這兩行，全站插畫插槽一起跟著對齊。 */
  --surface-illustration-a:#F7FAFE;
  --surface-illustration-b:#EFF5FD;

  /* ==== 文字 ========================================================= */
  --ink:#10233F;
  --sub:#40536C;
  --muted:#647489;

  /* ==== 主色與標籤色 ================================================= */
  --accent:#246BFD;
  --accent-hover:#1957D6;
  --accent-dark:#10233F;
  --accent-soft:rgba(36,107,253,.08);
  --accent-shadow:rgba(36,107,253,.28);

  --white:#ffffff;

  --tag-purple:#7158E8;
  --tag-teal:#20B9D5;
  --tag-green:#1D9A78;

  /* 大號區塊編號的灰階——刻意壓得很淡，只作定錨不作干擾 */
  --anchor:#D7E3F0;
  --anchor-dark:#2C4470;

  /* ==== 深色區塊與頁腳 =============================================== */
  --dark-bg:#10233F;
  --dark-ink:#ffffff;
  --dark-sub:#B7C6DC;
  --dark-line:rgba(255,255,255,.14);

  --foot-bg:#10233F;
  --foot-ink:#ffffff;
  --foot-sub:#B7C6DC;
  --foot-line:rgba(255,255,255,.14);

  /* ==== 節奏（rhythm.css 用） ========================================
     相鄰區塊用不同留白，滾動時才有快慢差。 */
  --gap-loose:98px;    /* 寬鬆區塊的上下留白 */
  --gap-tight:70px;    /* 緊湊區塊的上下留白 */
  --gap-tier:64px;     /* 服務區塊內部分段的間距 */
  --gap-case:34px;     /* 案例之間的間距 */
  --fade:76px;         /* 深淺過渡帶的高度 */

  /* ==== 圓角與陰影：全站素材共用一組 ================================ */
  --radius-lg:16px;
  --radius-md:12px;
  --radius-sm:8px;
  --shadow-card:0 10px 30px rgba(16,35,63,.08);
  --shadow-soft:0 6px 18px rgba(16,35,63,.05);
  --shadow-lift:0 16px 40px rgba(16,35,63,.12);

  /* ==== 字級 ========================================================= */
  --fs-eyebrow:13px;
  --fs-anchor:46px;
  --font-sans:"Noto Sans TC","Microsoft JhengHei","PingFang TC",system-ui,-apple-system,sans-serif;

  --maxw:1080px;
}