/* ============================================================
   衡點設計系統 · legacy-bridge.css — 舊色票名 → 品牌官方色（過渡用，可選）
   ------------------------------------------------------------
   用途：舊頁「想立刻修 5% 色偏、但暫時不重構」時，於該頁 inline <style> 之後載入本檔，
        把散落的 --green / --pink / --gray-border… 別名到品牌正確值。
   ⚠️ 載入順序：必須排在「頁面自己的 :root 定義之後」，否則頁面自訂值會贏。
        <style>...頁面自己的 :root...</style>
        <link rel="stylesheet" href="/_shared/styles/tokens.css">
        <link rel="stylesheet" href="/_shared/styles/legacy-bridge.css">
   完全重構好的頁（已改吃 var(--brand-*)/var(--primary-*)）就不需要它。
   ============================================================ */

:root {
  /* 綠 */
  --green: #7ac19a;        --sage: #7ac19a;         --brand-green: #7ac19a;
  --green-light: #e2ede6;  --sage-light: #e2ede6;
  --green-dark: #5f846f;   --sage-dark: #5f846f;

  /* 珊瑚（舊名 pink/peach/coral/terracotta）*/
  --pink: #f2ac98;         --peach: #f2ac98;        --coral: #f2ac98;
  --pink-light: #faece8;   --peach-light: #faece8;
  --pink-dark: #c67566;    --terracotta: #c67566;

  /* 黃 */
  --yellow: #ffe08b;       --yellow-light: #fcf4e3;   --yellow-dark: #ba9e60;

  /* 藍（舊名 blue/mint）*/
  --blue: #9fcccc;         --mint: #9fcccc;
  --blue-light: #daedec;   --blue-dark: #66888e;

  /* 紫（非品牌四色，就近歸藍家族保持在色盤內）*/
  --purple: #9fcccc;       --purple-light: #daedec;   --purple-dark: #66888e;

  /* 中性 / UI */
  --white: #ffffff;
  --text: #2d3436;
  --text-muted: #636e72;   --text-secondary: #636e72;
  --gray-border: #e6ebe8;  --gray-light: #f1f5f3;
}

/* ============================================================
   全站統一「載入中」外觀與動作（2026-07-03）
   —— 所有圈圈 spinner：淡主色環 + 主色頂 + 同轉速；載入 logo 不呼吸、平面主色。
      只統一「顏色 + 動作」，尺寸沿用各頁（避免弄壞按鈕內的小 spinner）。
   ============================================================ */
@keyframes spin { to { transform: rotate(360deg); } }
.spinner, .loading-spinner, .mc-spinner, .spinner-small, .btn-spinner {
  border-color: rgba(var(--primary-rgb, 122,193,154), .2) !important;
  border-top-color: var(--primary, #7ac19a) !important;
  animation: spin .8s linear infinite !important;
}
.loading-logo { animation: none !important; }   /* 只拿掉呼吸；logo 底色不強制（保留各自原底、不隨主題變）*/
.loading-overlay { background: var(--surface, #ffffff) !important; }