/* ============================================================
   縮時森林 GROVYN — 覆寫層
   原本是覆寫 kaneyama main.css 的層，main.css 已移除後
   保留下：品牌 tokens / 字體 / 色票 / 通用元件樣式
   ============================================================ */

/* ---------- 0. 防呆：loading 狀態不鎖住頁面 ---------- */
/* index.html 內 inline JS 會檢查 data-state="loading" 並清掉，這條 CSS
   是保險網：萬一清得不夠快，先確保頁面不被鎖住 */
html[data-state="loading"] {
  overflow: auto !important;
  cursor: default !important;
  overscroll-behavior: auto !important;
}
html[data-state="loading"] body {
  cursor: default !important;
}

/* ---------- 1. 品牌 Tokens ---------- */
:root {
  --ts-forest: #495434;
  --ts-navy: #282C3C;
  --ts-moss: #A3AC99;
  --ts-sun: #EEE78D;
  --ts-peach: #EDCDC2;
  --ts-warm: #E8E5DA;
  --ts-cream: #EEEAE7;

  --ts-font-serif-zh: "Noto Serif TC", "Zen Kaku Gothic New", serif;
  --ts-font-sans-zh: "Noto Sans TC", "Zen Kaku Gothic New", sans-serif;
  --ts-font-serif-en-display: "Fraunces", "EB Garamond", serif;
  --ts-font-serif-en: "Cormorant Garamond", serif;
  --ts-font-mono: "JetBrains Mono", monospace;
}

/* ---------- 2. 全域色票 / 字體覆寫 ---------- */
/* 拿掉瀏覽器預設 8px margin（造成桌機 / 手機外圍白框） */
html, body {
  margin: 0;
  padding: 0;
}

body {
  color: var(--ts-navy);
  background-color: var(--ts-cream);
  font-family: var(--ts-font-sans-zh);
}

/* 標題家族 —— 中文用 Noto Serif TC，保留原站的 layout 尺寸 */
h1, h2, h3, h4, h5, h6,
.title, [class*="title"], [class*="heading"] {
  font-family: var(--ts-font-serif-zh);
  color: var(--ts-navy);
}

/* 英文 eyebrow / 裝飾英文（保留 italic 感） */
[lang="en"],
.en, .eyebrow, .label-en,
[class*="-en"] {
  font-family: var(--ts-font-serif-en) !important;
  font-style: italic;
}

/* 連結 —— 森林綠，hover 換深林藍 */
a:not([class]) {
  color: var(--ts-forest);
  transition: color .25s ease;
}
a:not([class]):hover {
  color: var(--ts-navy);
}

/* 文字反白 */
::selection {
  background: var(--ts-sun);
  color: var(--ts-navy);
}

/* ---------- 3. 按鈕 / 強調元件 ---------- */
/* 命中：grovyn-btn / grovyn-btn--ghost（header LOG IN 按鈕）等 */
button:not([aria-label]),
.btn, [class*="-btn"], [class*="btn-"] {
  font-family: var(--ts-font-sans-zh);
}