/* ============================================================
   HORACE BRAND TOKENS — 中央設計 Token
   ============================================================
   Canonical source: horace-portfolio-cf/tokens.css
   Copy to:          horace-music/tokens.css (同名同步)
   改任何 brand 色/字型/間距 — 淨係改呢個 file, 兩個 site 一齊變。
   用法: link 喺 inline <style> 之前:
     <link rel="stylesheet" href="tokens.css">
   ============================================================
   v5 — 2026-08-31: MODERN EDITORIAL (research-based)
   暗底 + 大 grotesk + 極簡 + 原品牌色 (Locomotive/Aesop 方向)
   ============================================================ */

:root {
  /* ── Brand palette — modern editorial dark ─────── */
  --bg: #0d0d0f;                    /* 主背景 (近黑) */
  --surface: #161618;               /* 卡片/表面 */
  --line: rgba(242,239,233,0.10);   /* 分隔線 */
  --paper: #f2efe9;                 /* 米白 (文字/淺色面) */
  --text: #f2efe9;                  /* 主文字 */
  --muted: #9b9891;                 /* 次要文字 */
  --accent: #e05c3c;                /* 主 accent (品牌紅橙) */
  --accent-soft: rgba(224,92,60,0.08);   /* accent 8% 底色 */
  --gold: #d9a441;                  /* 金 (tag/特選) */
  --gold-soft: rgba(217,164,65,0.5);     /* gold 50% */

  /* ── Type ────────────────────────────────────── */
  --font-sans: 'General Sans', system-ui, sans-serif;
  --font-serif: 'Newsreader', Georgia, serif;
  --font-display: 'Cabinet Grotesk', 'General Sans', sans-serif;
  --font-mono: 'Fragment Mono', monospace;
  --px-sm: clamp(0.72rem, 1.1vw, 0.82rem);
  --px-base: clamp(0.95rem, 1.5vw, 1.08rem);
  --px-lg: clamp(1.15rem, 2.2vw, 1.4rem);
  --px-xl: clamp(1.7rem, 3.4vw, 2.6rem);
  --px-2xl: clamp(2.4rem, 5.5vw, 4.6rem);
  --px-3xl: clamp(3rem, 8vw, 7rem);

  /* ── Radius ──────────────────────────────────── */
  --radius-sm: 4px;
  --radius-md: 6px;
}