/* DIRECTION: "Petura" — 白底 × 暖色,對齊 MiaCara / Labbvenn。
 * 底色 = 純白(兩個原廠站都是白底);暖色只當「帶狀區塊」與細節出現,不鋪滿全站。
 * accent = Labbvenn 每件產品上那片植鞣皮標籤。
 * ⚠️ 2026-08-23 起本站【不做深色模式】:商品去背照是白底 + multiply 混合,
 *    在深色底下會整批糊成黑塊(客戶手機實測)。強制淺色是設計決定,不是遺漏。 */
:root {
  color-scheme: light only;

  --bg:        #FFFFFF;   /* 純白 */
  --surface:   #FFFFFF;
  --band:      #F4EFE4;   /* 暖米色帶,只給少數區塊當底 */
  --band-soft: #FAF7F0;
  --border:    #E7E0D2;   /* 暖 hairline */
  --muted:     #6A645A;
  --text:      #33302A;
  --ink:       #221F1A;   /* 炭灰棉繩 */
  --primary:   #221F1A;
  --primary-hover: #33302A;
  --on-primary:#FFFFFF;
  --accent:    #8C5A2B;   /* 植鞣皮標籤 */
  --accent-soft: rgba(140,90,43,0.10);
  --wood:      #D8B98C;
  --felt:      #9B9389;

  --grad-hero: none;
  --shadow-1:  0 1px 2px rgba(34,31,26,0.04);
  --shadow-2:  0 18px 40px -26px rgba(34,31,26,0.28);
  --radius-card: 4px;
  --sep-border: 1px solid var(--border); --sep-shadow: none;
  --focus: #8C5A2B;

  --font-display: "Familjen Grotesk", "Noto Serif TC", Georgia, serif;
  --font-han-display: "Noto Serif TC", "Songti TC", "PingFang TC", serif;
  --font-body: "Familjen Grotesk", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;

  --fs-caption: 0.8125rem;
  --fs-small:   0.875rem;
  --fs-body:    1.0625rem;
  --fs-lead:    1.25rem;
  --fs-h4:      1.4375rem;
  --fs-h3:      1.75rem;
  --fs-h2:      clamp(2rem, 1.4rem + 2.8vw, 2.75rem);
  --fs-h1:      clamp(2.375rem, 1.5rem + 4.4vw, 3.625rem);
  --fs-display: clamp(2.75rem, 1.4rem + 6.6vw, 5rem);
}