:root {

  /* ── 顏色 ─────────────────────────────────── */

  /* 背景 */
  --brand-bg:           #FBF7FA;   /* 全站底色（微粉米白） */
  --brand-bg-white:     #ffffff;   /* 卡片/輸入框白色 */
  --brand-bg-stone:     #F4E8EE;   /* 區塊背景（粉紫淺底） */
  --brand-bg-input:     #FFFDFE;   /* 輸入框背景 */
  --brand-bg-result:    #F8EFF4;   /* 結果區淺粉紫 */

  /* 品牌粉紫色（原為金色 token，名稱保留以兼容引用） */
  --brand-gold:         #BC93AB;   /* 主品牌粉紫，CTA、強調 */
  --brand-gold-dark:    #9C7390;   /* hover 狀態 */
  --brand-gold-light:   #F8EBF2;   /* 淺粉紫底色，tag、badge */
  --brand-gold-border:  #E0C8D5;   /* 粉紫系邊框 */

  /* 文字 */
  --brand-text:         #2A1F26;   /* 主文字（深紫黑） */
  --brand-text-muted:   #4A3D45;   /* 次要文字 */
  --brand-text-hint:    #6B5E66;   /* 提示文字 */
  --brand-text-label:   #5A4D54;   /* 表單 label */
  --brand-text-dim:     #8A7B85;   /* 極淡文字、副說明 */

  /* 邊框 */
  --brand-border:       #EFDFE8;   /* 通用邊框 */
  --brand-border-mid:   #D8BECC;   /* 輸入框邊框 */
  --brand-border-focus: #E8C8DC;   /* 輸入框 focus 狀態 */
  --brand-border-dark:  #D0B8C4;   /* 按鈕邊框 */

  /* 五行色（用於水晶、元素卡片） */
  --brand-wood-bg:      #E8F5D4;
  --brand-wood-text:    #2A5808;
  --brand-wood-border:  #A8CC6A;
  --brand-fire-bg:      #FBE8DC;
  --brand-fire-text:    #8A2808;
  --brand-fire-border:  #E8A888;
  --brand-earth-bg:     #FBF0D0;
  --brand-earth-text:   #785808;
  --brand-earth-border: #E8C870;
  --brand-metal-bg:     #F0EEE8;
  --brand-metal-text:   #484040;
  --brand-metal-border: #C8C4B8;
  --brand-water-bg:     #D8EAF8;
  --brand-water-text:   #083878;
  --brand-water-border: #88B8E8;

  /* 功能色 */
  --brand-success:      #639922;
  --brand-danger:       #C04020;


  /* ── 字體 ─────────────────────────────────── */

  --brand-font:
    -apple-system,
    "PingFang TC",
    "Microsoft JhengHei",
    "Noto Sans TC",
    sans-serif;


  /* ── 圓角 ─────────────────────────────────── */

  --brand-radius-xs:   4px;    /* 小 tag、badge */
  --brand-radius-sm:   6px;    /* 按鈕 */
  --brand-radius-md:   8px;    /* 輸入框 */
  --brand-radius-lg:   12px;   /* 卡片 */
  --brand-radius-xl:   14px;   /* 大卡片、評價區 */
  --brand-radius-pill: 99px;   /* 標籤、膠囊按鈕 */


  /* ── 邊框粗細 ─────────────────────────────── */

  --brand-border-width:      1.5px;
  --brand-border-width-thin: 1px;


  /* ── 間距 ─────────────────────────────────── */

  --brand-space-xs:   0.5rem;   /* 8px */
  --brand-space-sm:   0.75rem;  /* 12px */
  --brand-space-md:   1rem;     /* 16px */
  --brand-space-lg:   1.5rem;   /* 24px */
  --brand-space-xl:   2rem;     /* 32px */
  --brand-space-2xl:  3rem;     /* 48px */


  /* ── 字體大小 ─────────────────────────────── */

  --brand-text-xs:    10px;
  --brand-text-sm:    11px;
  --brand-text-base:  13px;
  --brand-text-md:    14px;
  --brand-text-lg:    15px;
  --brand-text-xl:    18px;
  --brand-text-2xl:   20px;


  /* ── 過渡動畫 ─────────────────────────────── */

  --brand-transition: 0.18s ease;
}


/* ================================================================
   全站基礎樣式（覆蓋 Kadence/計算頁預設值）
   ================================================================ */

body {
  background-color: var(--brand-bg) !important;
  color:            var(--brand-text) !important;
  font-family:      var(--brand-font) !important;
}

/* 輸入框統一 focus 金色 */
input:focus,
select:focus,
textarea:focus {
  outline:      none !important;
  border-color: var(--brand-border-focus) !important;
  box-shadow:   none !important;
}