:root {
  --bg: #f6f3ee;
  --bg-alt: #fffdfa;
  --surface: #fffdfa;
  --line: #ddd7cd;
  --text: #1b1815;
  --text-muted: #6c645a;
  --accent: #8c6a3d;
  --accent-hover: #6f5330;
  --on-accent: #fffdfa;

  --font-display: "Cormorant Garamond", "Noto Serif TC", "PMingLiU", serif;
  --font-body: "Inter", "Noto Sans TC", "Microsoft JhengHei", sans-serif;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.0625rem;
  --font-size-xl: 1.35rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2.25rem;
  --font-size-hero: clamp(2rem, 4.2vw, 3.25rem);

  --leading-tight: 1.2;
  --leading-body: 1.6;
  --tracking-display: -0.01em;
  --tracking-label: 0.12em;

  --space-xs: 0.5rem;
  --space-sm: 0.85rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;

  --nav-height: 60px;
  --max-width: 1140px;
  --img-max-h: min(64vh, 36rem);
  --radius: 0;
  --hairline: 1px;
  --transition: 0.3s ease;
  --hover-scale: 1.02;
}

html[lang="zh-Hant"] {
  --leading-tight: 1.6;
  --leading-body: 1.85;
}

[data-theme="dark"] {
  --bg: #16130f;
  --bg-alt: #1e1a15;
  --surface: #1e1a15;
  --line: #332d25;
  --text: #f3eee5;
  --text-muted: #a29788;
  --accent: #c2a06a;
  --accent-hover: #d6b988;
  --on-accent: #16130f;
}