/* ============================================================
 * main.tokens.css — 全聯會主網站前台設計 token
 * 決策（2026-09-04）：沿用 city-default-v1 視覺語言（暖色紙米白 + 鐵鏽紅 + Noto Sans TC），版面各自做。
 * 色值取自 _city_templates\city-default-v1\wwwroot\css\template.css
 * class 前綴 main-（前台；主站「後台」用 madm-）。
 * ============================================================ */
:root {
  /* 品牌 / 暖色（city-default-v1） */
  --rust:        #b44b2c;
  --rust-hover:  #963b24;
  --rust-ring:   #b44b2c1a;
  --paper:       #fbf8f1;   /* 頁面底 */
  --paper-2:     #fffaf5;   /* 次級暖底：search-zone / 卡列 */
  --line:        #e1d8cc;
  --line-strong: #ddd2c3;

  /* 文字 */
  --ink:         #29251f;
  --ink-muted:   #6b6357;
  --ink-faint:   #9a9082;
  --ink-invert:  #ffffff;

  /* 語意狀態（沿用後台語意色，暖底相容） */
  --ok:  #2f7a3d;  --ok-bg:  #e8f3e9;
  --warn:#a86a12;  --warn-bg:#fbf0dd;
  --bad: #b23b34;  --bad-bg: #f7e6e4;

  /* 圓角（city-default-v1：btn .5rem、card .6rem、search-box .8rem） */
  --r-sm: .45rem;
  --r:    .5rem;
  --r-lg: .6rem;
  --r-xl: .8rem;
  --r-full: 999px;

  /* 陰影（city-default-v1 暖色陰影） */
  --shadow-card:  0 5px 18px #4a38280a;
  --shadow-hover: 0 12px 25px #4a382817;
  --shadow-box:   0 12px 35px #33221125;

  /* 間距 */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem;  --s-8: 3rem;   --s-10: 4rem; --s-12: 6rem;

  /* 字級 */
  --t-xs:  .75rem;   --t-sm: .875rem;  --t-base: 1rem;
  --t-lg:  1.125rem; --t-xl: 1.375rem; --t-2xl: 1.75rem; --t-3xl: 2.25rem;

  --font-sans:  "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;
  --font-serif: Georgia, "Times New Roman", "Noto Serif TC", serif;   /* .section-title 用 serif */

  /* 版面（city-default-v1 .page = min(1400px, 100% - 40px)） */
  --page-max: 1400px;
  --page-gutter: 20px;
  --header-h: 72px;   /* body pt-[72px]（city-default-v1 _Layout） */

  --z-header: 300; --z-drawer: 400;
  --ease: cubic-bezier(.4, 0, .2, 1);
}