/* ============================================================
   蔥蓮 Conglian — design tokens
   全站唯一的視覺參數來源：換風格只改這個檔案。
   風格依據客戶確認的官網新版草稿圖：
   純白背景、深綠與典雅金、柔和雙向陰影的新擬物風格。
   ============================================================ */
:root {
  /* 色彩 */
  --color-primary: #005F61;        /* 深綠：主色 */
  --color-primary-hover: #00767A;
  --color-accent: #C9A24A;         /* 典雅金：商標、品牌名 */
  --color-accent-hover: #D7B058;   /* 典雅金的滑過狀態：與綠色卡片一樣提亮，不換色 */
  --color-accent-soft: #E6EFEF;    /* 綠色淡底 */
  /* 置頂消息專用：香檳亮金＋深紅字。刻意不共用典雅金（--color-accent），
     因為公告條就在金色卡片上方，同色會糊成一片——客戶 2026-08-25 回饋要求做出層次。 */
  --color-announce-bg: #E7CD86;    /* 香檳亮金 */
  --color-announce-text: #B3261E;  /* 公告紅字，與錯誤訊息的紅色分開 */
  --color-bg: #ffffff;
  --color-surface: #EFF1F3;        /* 畫布灰：圖片佔位、內凹底 */
  --color-border: #E9E9E6;
  --color-text: #333333;
  --color-text-strong: #111111;    /* 綠底上的黑字 */
  --color-text-muted: #8A8F94;
  --color-danger: #b6524b;
  --color-alert: #E53935;          /* 鮮紅：付款提示框重點字（客戶 2026-09-11 指定） */
  --color-alert-soft: #FDECEC;     /* 鮮紅淡底 */
  --color-consent-rule: #1f3fbf;   /* 結帳同意條款的三條退改規則：客戶指定藍色粗斜體 */
  --color-danger-soft: #f7eeed;    /* danger 淡底：警示區塊 */
  --color-success: #4e7f5a;

  /* 內文無襯線；商標使用西文襯線與中文明體 */
  --font-sans: "Noto Sans TC", system-ui, -apple-system, sans-serif;
  --font-serif: "Marcellus", "Noto Serif TC", Georgia, "Times New Roman", serif;
  --font-heading: var(--font-sans);

  /* 形狀與層次（新擬物） */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 6px 6px 14px rgba(146,158,172,.30), -4px -4px 10px rgba(255,255,255,.92);
  --shadow-card: 10px 10px 24px rgba(146,158,172,.38), -8px -8px 18px rgba(255,255,255,.95);
  --shadow-green: 6px 6px 14px rgba(0,62,63,.30), -3px -3px 8px rgba(255,255,255,.85);
  --shadow-inset: inset 3px 3px 7px rgba(146,158,172,.28), inset -3px -3px 7px rgba(255,255,255,.90);

  /* 選單性綠底方塊的黑字白色外框 */
  --text-outline: -.9px -.9px 0 #fff, .9px -.9px 0 #fff, -.9px .9px 0 #fff, .9px .9px 0 #fff;
  --text-outline-sm: -.6px -.6px 0 #fff, .6px -.6px 0 #fff, -.6px .6px 0 #fff, .6px .6px 0 #fff;

  /* 大寫寬字距（參考站按鈕/導覽的識別特徵） */
  --tracking-wide: 0.09em;

  /* 間距與版心（navbar／主內容／footer 共用同一版心） */
  --spacing-unit: 4px;
  --container-max: 1200px;
  --container-pad: 16px;

  /* 訂單狀態（前後台共用） */
  --status-pending-payment: #b98a2f;
  --status-paid: #4e7f5a;
  --status-arranging: #5b7f9d;      /* 任務「待預約／安排中」：等待老師動作 */
  --status-completed: #4e7f5a;
  --status-awaiting-schedule: #4a7ba6;
  --status-scheduled: #4e7f5a;
  --status-cancelled: #8a8f94;

  /* 商品型態 */
  --type-event: #6f78a8;
  --type-booking: #7c9082;
  --type-physical: #b27b57;
  --type-digital: #6d9aaa;
}

@media (min-width: 768px) {
  :root {
    --container-pad: 24px;
  }
}