:root {

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

  /* 背景 */
  --brand-bg:           #faf9f6;   /* 全站米白底色 */
  --brand-bg-white:     #ffffff;   /* 卡片/輸入框白色 */
  --brand-bg-stone:     #EDE7DB;   /* 八字測算區塊背景 */
  --brand-bg-input:     #FFFDF8;   /* 輸入框背景 */
  --brand-bg-result:    #F5F0E8;   /* 結果區淺暖灰 */

  /* 品牌金色 */
  --brand-gold:         #D4AA6A;   /* 主品牌金，CTA、強調 */
  --brand-gold-dark:    #c09850;   /* hover 狀態 */
  --brand-gold-light:   #F5F0E8;   /* 淺金底色，tag、badge */
  --brand-gold-border:  #DDD5C5;   /* 金色系邊框 */

  /* 文字 */
  --brand-text:         #1C1814;   /* 主文字（深棕黑） */
  --brand-text-muted:   #52453A;   /* 次要文字 — 8.78x AAA */
  --brand-text-hint:    #6B5E54;   /* 提示文字 — 5.95x AA  */
  --brand-text-label:   #5A5048;   /* 表單 label — 7.45x AAA（不變） */
  --brand-text-dim:     #706458;   /* 極淡文字、副說明 — 5.46x AA */

  /* 邊框 */
  --brand-border:       #E8E0D0;   /* 通用邊框 */
  --brand-border-mid:   #C8BFB0;   /* 輸入框邊框 */
  --brand-border-focus: #f4e1c5;   /* 輸入框 focus 狀態 */
  --brand-border-dark:  #D8D0C4;   /* 按鈕邊框 */

  /* 五行色（用於水晶、元素卡片） */
  --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;
}