/* ============================================================
   HKOEA × AIX Society — Design Tokens
   色票沿用 AIX Society 官網（金 / 灰 / 黑 / 白，不使用藍與紫）
   ============================================================ */

:root {
  /* ---- 品牌色（固定，不隨主題變） ---- */
  --gold: #d9b451;
  --gold-lt: #f0dca4;
  --gold-dk: #8b6d1e;
  --gold-deep: #a07c1c;

  /* ---- 深色主題（預設） ---- */
  --bg: #07070a;
  --bg2: #0e0e12;
  --panel: #101015;
  --panel2: #15151b;
  --ink: #f2f2f4;
  --ink2: #cfcfd6;
  --muted: #95959f;
  --line: rgba(217, 180, 81, 0.26);
  --line2: rgba(255, 255, 255, 0.08);
  --shadow: 0 22px 55px rgba(0, 0, 0, 0.55);
  --radius: 16px;

  /* ---- 版式 ---- */
  --font: "Inter", "SF Pro Display", "Helvetica Neue", Arial, "PingFang TC",
    "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", Consolas, monospace;

  /* ---- 間距節奏 ---- */
  --gutter: clamp(20px, 4.4vw, 64px);
  --max-w: 1180px;
  --section-y: clamp(64px, 9vw, 120px);

  /* ---- 動效 ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.42s;

  /* ---- 髮絲線 / 玻璃 ---- */
  --hair: 1px solid var(--line2);
  --glass: rgba(16, 16, 21, 0.72);
  --glass-b: rgba(255, 255, 255, 0.09);
}

/* ---- 淺色主題 ---- */
html[data-theme="light"] {
  --bg: #f8f7f3;
  --bg2: #efebe1;
  --panel: #ffffff;
  --panel2: #fbfaf6;
  --ink: #151517;
  --ink2: #33333a;
  --muted: #5e5e68;
  --line: rgba(156, 122, 28, 0.34);
  --line2: rgba(21, 21, 23, 0.1);
  --gold: #a07c1c;
  --gold-lt: #7d5f12;
  --gold-dk: #e6d5a0;
  --shadow: 0 20px 48px rgba(70, 58, 22, 0.14);
  --glass: rgba(255, 255, 255, 0.78);
  --glass-b: rgba(21, 21, 23, 0.08);
}

/* ---- 三語顯示規則 ---- */
html[lang="en"] .only-zh,
html[lang="en"] .only-hant,
html[lang="en"] .only-hans,
html[lang="zh-Hant"] .only-en,
html[lang="zh-Hant"] .only-hans,
html[lang="zh-Hans"] .only-en,
html[lang="zh-Hans"] .only-hant {
  display: none !important;
}