/* 避風港二手家具館 新站 v2（突破版・重做）設計變數：所有色碼只寫在這裡。色彩沿用 v1，字型改為襯線標題 */
:root{
  color-scheme:light;
  --font:"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;
  --font-head:"Noto Serif TC","Noto Serif CJK TC","PMingLiU",serif;   /* 標題襯線：溫度與二手物的時間感 */
  /* 中性底色：暖紙色系（表單「溫暖一點」） */
  --ink:#2b2824;
  --ink-soft:#4f4942;
  --muted:#6a645b;
  --paper:#fbf7f1;
  --canvas:#f3ece2;
  --card:#ffffff;
  --line:#e3d9cb;
  --line-strong:#cdbfa9;
  --white:#ffffff;
  --clear:transparent;
  /* 品牌色：舊站 CSS 最多的 #407A9F，只用在按鈕、路線上的站點、手機固定列 */
  --brand:#407a9f;
  --brand-deep:#2e5b78;
  --brand-tint:#e4edf3;
  /* LOGO 上的暖棕（#DABCA0），只當細線與路面 */
  --tan:#dabca0;
  --tan-soft:#efe2d4;
  --shadow:rgba(60,45,30,.12);
  --shadow-deep:rgba(60,45,30,.22);
  --on-dark:#ffffff;
  --on-dark-muted:rgba(255,255,255,.86);
  --panel:rgba(251,247,241,.96);     /* 門市區滑入的紙色面板 */
  --photo-veil:linear-gradient(180deg,rgba(34,28,22,0) 55%,rgba(34,28,22,.35) 100%);
  /* 圓角：縮小，突破版改走細線與留白 */
  --radius:6px;
  --radius-lg:14px;
  /* 尺度 */
  --container:min(88%,1296px);
  --container-wide:min(94%,1640px);
  --header:76px;
  --space:clamp(96px,10vw,150px);
  --base:18px;
  --small:16px;
  --h1:clamp(44px,6.2vw,104px);
  --h2:clamp(34px,3.8vw,60px);
  --h2-sub:clamp(24px,2.2vw,34px);
  --h3:22px;
  --caption:13px;
  --hair:1px;
  --touch:48px;
  --action:56px;
  --ease:360ms;
  /* 動態 */
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --dur-in:.9s;
  --dur-media:1.4s;
  --rise:28px;
  --stagger:.08s;
  /* 挖寶牆 */
  --wall-card-border:8px;
  /* 到府路線 */
  --road-h:64px;
  --store-scroll:70vh;               /* 門市區釘住時多出的捲動距離 */
}
@media(max-width:767px){
  :root{--container:calc(100% - 40px);--container-wide:calc(100% - 40px);--header:68px;--space:72px;--h3:20px;--h1:clamp(36px,10vw,46px);--h2:clamp(28px,7.6vw,36px);--wall-card-border:5px;--road-h:48px}
}
@media(min-width:1800px){
  :root{--container:min(84%,1560px)}
}
@media(min-width:2200px){
  :root{--container:min(80%,1880px)}
}
/* 深色版變數保留，切 data-theme 給客戶看用；本案只交亮色版 */
:root[data-theme="dark"]{--ink:#f3eee6;--ink-soft:#ddd5ca;--muted:#c4bcb0;--paper:#1d1a17;--canvas:#26221e;--card:#2c2824;--line:#3a342e;--line-strong:#4d453c;--brand-tint:#2a3a46;--tan-soft:#3a3028;--panel:rgba(29,26,23,.96)}