/* INNORA 設計 token ＋ 基礎排版。
   一份給三個頁面共用（同 track.js 的理由：分三份改一個值就會漏掉其中一頁）。

   來源：sf-verify 2026-08-13 對小樹屋的 computed styles 實測
   （knowledge/小樹屋全面拆解_合作服務模式與設計系統_20260813.md 第二節）。
   **抄的是紀律，不是皮**：字級層級／字重收斂／字距／陰影克制／斷點照它的等級做。
   配色與字體改用巴斯 2026-08-13 的 INNORA 設計稿定稿（底 #F4F1EC／字 #171613／
   強調 #9A5B36 咖啡棕；標題 Noto Serif TC、數字 Instrument Serif、內文 Noto Sans TC）。 */

:root{
  /* ── INNORA 正式設計語言（巴斯 2026-08-13 設計稿定稿，取代先前的暫行深墨藍）── */
  --accent:      #9A5B36;   /* 咖啡棕：強調、連結、eyebrow */
  --accent-soft: #E4D9CB;
  --accent-dim:  #B98A63;   /* 深底上的強調 */

  --ink:     #171613;   /* 主文 */
  --ink-2:   #3F3B34;   /* 次要 */
  --muted:   #6E6A61;   /* 說明、註解 */
  --faint:   #C9BFB1;   /* 停用態、大字裝飾 */
  --paper:   #F4F1EC;   /* 頁底 */
  --surface: #FFFFFF;   /* 卡片面 */
  --surface-alt:#FBFAF8;/* 次層卡片 */
  --dark:    #1B1A16;   /* 深色區塊 */
  --dark-2:  #EDE8E0;   /* 深色區塊上的字 */
  --line:    #E2DCD2;   /* 分隔線 */
  --border:  #DFD9CF;   /* 輸入框邊 */

  /* 狀態色只留必要的兩個，不再各處各長各的 */
  --warn: #8A6420;
  --stop: #97463A;

  /* ── 圓角。設計稿走近直角(2px)的沉穩感,chip 才用 pill。 ── */
  --r-pill: 9999px;
  --r-lg:   20px;   /* 大卡片、圖片 */
  --r-md:   10px;   /* 訂位卡本體 */
  --r-sm:   2px;    /* 主 CTA、輸入框(設計稿是近直角) */
  --r-xs:   6px;

  /* ── 陰影極度克制：他們首頁 487 個元素只有 1 個有陰影。
        真正用的只有訂位卡與手機底部列，而且沒有 y 位移，是純環繞光暈。 ── */
  --shadow-card: 0 0 4px 0 rgba(0,0,0,.08), 0 0 14px 0 rgba(0,0,0,.12);
}

/* ── 字體：內文 Noto Sans TC、標題 Noto Serif TC、數字 Instrument Serif。
      字重仍然收斂（內文 300/400、標題 600），不用 700 堆重量。 ── */
/* 全域重置。放這裡而不是各頁自己寫——漏掉的那一頁不會報錯,
   只會在 width:100% 的元素上默默溢出(2026-08-13 首頁方案卡的按鈕就是這樣衝出卡片)。 */
*,*::before,*::after{ box-sizing:border-box }
/* [hidden] 只是 UA 樣式的 display:none,任何 class 選擇器都蓋得過它。
   2026-08-15 實證:`form.hidden = true` 回報 true、DOM 屬性也在,
   但 .form{display:grid} 贏了,表單照樣顯示在畫面上——
   JS 檢查全綠、只有截圖看得出來。這是整站的問題,修在這裡一次解決。 */
[hidden]{ display:none !important }
html{ -webkit-text-size-adjust:100%; }
body{
  font-family:"Noto Sans TC", system-ui, -apple-system, sans-serif;
  font-size:16px; line-height:1.5; font-weight:400;
  letter-spacing:.4px;              /* 中文小字級最有效的可讀性調整，我們原本沒有 */
  background:var(--paper); color:var(--ink);
  margin:0;
}
h1,h2,h3{ font-family:"Noto Serif TC",serif; font-weight:600; letter-spacing:-.01em; }
h1{ font-size:36px; line-height:1.25; margin:.2em 0 .1em }
h2{ font-size:28px; line-height:1.35 }
/* 數字用 Instrument Serif——設計稿拿它當統計與價格的視覺重音 */
.num{ font-family:"Instrument Serif",serif; font-weight:400; line-height:1 }
.eyebrow{ font-size:11.5px; letter-spacing:.26em; color:var(--accent) }
small,.hint,.note{ font-size:13px; line-height:19.5px; letter-spacing:.65px }
button,input,select{ font-family:inherit; letter-spacing:.35px }
b,strong{ font-weight:500 }                 /* 700 一律收斂成 500 */

/* 設計稿的 CTA 是近直角(2px)＋深色底,不是圓潤按鈕 */
.btn-primary{
  background:var(--ink); color:var(--paper); border:0; border-radius:2px;
  padding:13px 22px; font-size:13.5px; font-weight:400; cursor:pointer;
  letter-spacing:.06em;
}
.btn-primary:hover{ background:var(--accent) }

/* chip 才用 pill */
.chip{ border-radius:var(--r-pill) }