/* ============================================================
   EWA Design Tokens — 全站唯一的設計來源
   顏色 / 字體 / 間距 / 斷點都在這裡定義。
   任何頁面、任何元件都只能用這裡的變數，不准再寫死 hex/px。
   （數值取自現有官網，確保視覺一致）
   ============================================================ */
:root {
  /* ---------- 品牌色：金棕色系 ---------- */
  --ewa-gold:        #bea381;  /* 主金棕（scrollbar、選取、重點線） */
  --ewa-gold-soft:   #cbb892;  /* 淺金 */
  --ewa-gold-deep:   #9a8254;  /* 深金（more-link、標籤） */
  --ewa-brass:       #69604d;  /* 黃銅（諮詢鈕邊框/文字） */
  --ewa-bar:         #8b7150;  /* 漢堡線條 */
  --ewa-gold-light:  #d9c9a8;  /* hover 亮金 */
  --ewa-gold-dim:    #7a6a42;  /* 諮詢文字暗態 */

  /* ---------- 中性色 ---------- */
  --ewa-ink:         #1c1b19;  /* 主文字 */
  --ewa-ink-2:       #46433e;  /* 次文字 */
  --ewa-ink-3:       #3a3630;  /* placeholder */
  --ewa-ink-dark:    #3a3020;  /* 送出鈕 */
  --ewa-white:       #ffffff;
  --ewa-cream:       #fbf9f5;  /* 米白（聯絡區背景） */
  --ewa-panel:       #f6f4f0;  /* 面板/選單背景 */
  --ewa-panel-2:     #f8f6f1;

  /* ---------- 語意色（rgba 於變數不便，另用固定值 comment 對照） ---------- */
  --ewa-line:        rgba(28, 27, 25, 0.10);  /* 分隔線 */
  --ewa-line-2:      rgba(28, 27, 25, 0.20);  /* 較深分隔/圓框 */
  --ewa-nav-bg:      rgba(255, 255, 255, 0.78);

  /* ---------- 字體 ---------- */
  --ewa-font-body:   'Microsoft JhengHei', '微軟正黑體', sans-serif;
  --ewa-font-serif:  'Noto Serif TC', serif;            /* 中文襯線 */
  --ewa-font-mincho: 'Shippori Mincho B1', 'Noto Serif TC', serif; /* 標題明體 */
  --ewa-font-display:'Bodoni Moda', serif;              /* 西文標題 */
  --ewa-font-label:  'Jost', sans-serif;                /* 英文小標籤（大寫） */
  --ewa-font-mono:   ui-monospace, Menlo, monospace;

  /* ---------- 間距節奏（8pt 制） ---------- */
  --ewa-sp-1: 4px;
  --ewa-sp-2: 8px;
  --ewa-sp-3: 12px;
  --ewa-sp-4: 16px;
  --ewa-sp-6: 24px;
  --ewa-sp-8: 32px;
  --ewa-sp-12: 48px;
  --ewa-sp-16: 64px;

  /* ---------- 版面 ---------- */
  --ewa-nav-h:     88px;   /* 導覽列高度（桌機） */
  --ewa-nav-h-sm:  64px;   /* 導覽列高度（手機） */
  --ewa-maxw:      1440px; /* 內容最大寬 */
  --ewa-gutter:    clamp(22px, 5vw, 64px); /* 左右留白 */

  /* ---------- 動效 ---------- */
  --ewa-ease:      cubic-bezier(.22, .61, .36, 1);
  --ewa-t-fast:    .35s;
  --ewa-t-base:    .45s;
  --ewa-t-slow:    .55s;
}

/* ============================================================
   RWD 斷點（全站統一，勿再自行發明）
   桌機   > 1024px
   平板   ≤ 1024px
   選單切換 / 大手機 ≤ 900px   ← MENU 桌機↔手機的分界
   手機   ≤ 768px
   小手機 ≤ 480px
   在 media query 直接寫數字即可，這裡列出作為規範參考。
   ============================================================ */