/* 店名待定（範例）· A 極簡科技 design tokens
   字型：Inter（SIL OFL 1.1）請用 <link> 載入，見 SPEC.md §1.3；中文用系統字。 */
:root{
  /* 色彩 */
  --bg:#FFFFFF;      /* 頁面底 */
  --surf:#F5F6F8;    /* 卡片、面板 */
  --line:#E3E6EB;    /* 邊框、分隔線 */
  --text:#0F172A;    /* 主文字 */
  --mute:#5B6475;    /* 次要文字 5.51:1 on surf */
  --acc:#2454E6;     /* 主色鈷藍 */
  --accT:#FFFFFF;    /* 主色上的文字 */
  --acc-hover:#1B44C2;
  --acc-press:#15379E;
  --focus:#2454E6;
  --sale:#B4232C;    /* 價格、特價 */
  --ok:#11713A; --okbg:#E7F5EC; --okT:#FFFFFF;
  --warn:#8A5300; --warnbg:#FFF4DD;
  --fail:#B4232C; --failbg:#FDECEC;
  --pend:#5B6475; --pendbg:#EEF0F3;
  --hero:#F5F6F8; --heroT:#0F172A;
  --tile:#EEF2FF; --tileIc:#2454E6;
  --wa:#0B6E4F;  --wa-hover:#095A41;   /* WhatsApp 鈕（非品牌綠，白字 AA） */
  --disabled-bg:#E3E6EB; --disabled-text:#5B6475;
  --scrim:rgba(0,0,0,.45);
  /* 字型 */
  --font:'Inter','Noto Sans CJK TC','PingFang TC','Microsoft JhengHei',sans-serif;
  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-18:18px;
  --fs-20:20px; --fs-22:22px; --fs-28:28px;
  --fs-h2:clamp(24px,3vw,34px); --fs-h1:clamp(34px,5vw,58px);
  --fw-r:400; --fw-sb:600; --fw-b:700; --fw-xb:800; --fw-black:900;
  --lh:1.55; --lh-tight:1.12;
  /* 間距（4px 基準） */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-7:28px; --sp-8:32px; --sp-10:40px; --sp-14:56px; --sp-16:64px;
  /* 圓角 */
  --r:14px; --r-sm:10px; --r-md:12px; --r-lg:21px; --r-sheet:20px; --r-pill:999px;
  /* 陰影 */
  --sh-hover:0 8px 30px rgba(15,23,42,.08);
  --sh-bar:0 -6px 24px rgba(0,0,0,.12);
  --sh-sheet:0 -10px 40px rgba(0,0,0,.25);
  --focus-ring:0 0 0 3px #fff,0 0 0 5px var(--focus);
  /* 動態 */
  --dur-fast:.2s; --dur:.25s; --dur-ring:.3s; --ease:cubic-bezier(.2,.8,.2,1);
  /* 版面 */
  --wrap:1200px; --bp-md:900px; --bp-sm:640px; --tap:44px;
}