/* Zen Antique Soft 官方只釋出單一字族「Zen Antique Soft」,
   但實際上依 unicode-range 拆成十幾個子集(拉丁字/標點/日文假名/漢字各一個),
   直接用官方名稱會連漢字子集一起吃到 — 漢字子集筆畫較粗,中文字會被那個子集接管、
   跟系統預設字重不一致(不是 font-weight:bold 造成的)。
   這裡自己宣告一個獨立名稱,只掛官方切好的「拉丁字」子集(unicode-range 取自
   fonts.googleapis.com/css2?family=Zen+Antique+Soft 回應中標記為 latin 的那塊),
   中文字超出範圍會照 CSS 字型堆疊規則自動 fallback 回 Inter。 */
@font-face {
  font-family: "Zen Antique Soft Latin";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/zenantiquesoft/v14/DtV4JwqzSL1q_KwnEWMc_3xfgW6itwdskw.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* 顏色 - 品牌 */
  --color-primary: #333;
  --color-primary-hover: #1a1a1a;
  --color-primary-light: #e0e0e0;
  --color-primary-muted: #eee;

  /* 顏色 - 文字 */
  --color-text: #333;
  --color-text-secondary: #666;
  --color-text-muted: #999;

  /* 顏色 - 邊框 */
  --color-border: #ddd;
  --color-border-light: #eee;

  /* 顏色 - 背景 */
  --color-white: #fff;
  --color-black: #000;
  --color-bg-subtle: #f5f5f5;

  /* 顏色 - 狀態 */
  --color-danger: #dc3545;
  --color-success: #28a745;
  --color-member-price: #c0392b;

  /* 文字 */
  --font-base: "Zen Antique Soft Latin", "Inter", sans-serif;

  /* RWD 斷點 */
  /* Mobile: 480px 以下 */
  /* Tablet: 481px - 768px */
  /* Laptop: 769px - 1024px */
  /* Desktop: 1025px 以上 */

  --header-height: 197px;
  --container-max-width: 1200px;
  --container-padding: 20px;
  --section-padding: 40px;
}

@media (max-width: 1024px) {
  :root {
    --header-height: 117.55px;
    --container-padding: 18px;
    --section-padding: 35px;
  }
}

@media (max-width: 768px) {
  :root {
    --header-height: 117.55px;
    --container-padding: 15px;
    --section-padding: 30px;
  }
}

@media (max-width: 480px) {
  :root {
    --header-height: 102.77px;
    --container-padding: 12px;
    --section-padding: 25px;
  }
}