/* ============================================================
   蔥蓮 Conglian — design tokens
   全站唯一的視覺參數來源：換風格只改這個檔案。
   風格依據客戶確認的官網新版草稿圖：
   純白背景、深綠與典雅金、柔和雙向陰影的新擬物風格。
   ============================================================ */
:root {
  /* 色彩 */
  --color-primary: #005F61;        /* 深綠：主色 */
  --color-primary-hover: #00767A;
  --color-accent: #C9A24A;         /* 典雅金：商標、品牌名 */
  --color-accent-soft: #E6EFEF;    /* 綠色淡底 */
  --color-bg: #ffffff;
  --color-surface: #EFF1F3;        /* 畫布灰：圖片佔位、內凹底 */
  --color-border: #E9E9E6;
  --color-text: #333333;
  --color-text-strong: #111111;    /* 綠底上的黑字 */
  --color-text-muted: #8A8F94;
  --color-danger: #b6524b;
  --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-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;
  }
}