/* ================================================================
   WOG SPA 主題 Token — 暗黑 RPG
   所有顏色、間距、動畫速度從這裡取用
   ================================================================ */

:root {
  /* ── 顏色 ── */
  --c-bg:           #07050a;
  --c-surface:      #0e0a12;
  --c-surface2:     #16101e;
  --c-surface3:     #1e1628;
  --c-border:       rgba(160, 100, 20, 0.35);
  --c-border-hover: #c9a84c;
  --c-gold:         #c9a84c;
  --c-gold-light:   #e8c86a;
  --c-gold-dim:     #9a7030;
  --c-text:         #c8b898;
  --c-text-dim:     #a09080;
  --c-text-faint:   #6a5a4a;
  --c-green:        #5d9;
  --c-red:          #d55;
  --c-blue:         #5af;
  --c-purple:       #a07ac0;

  /* HP / EXP 條 */
  --c-hp-from:      #600;
  --c-hp-to:        #c22;
  --c-exp-from:     #14247a;
  --c-exp-to:       #5a2a9a;

  /* 底部導航 */
  --nav-h:          56px;
  --nav-bg:         #0a0710;
  --nav-border:     rgba(160, 100, 20, 0.5);
  --nav-active:     #c9a84c;
  --nav-inactive:   #5a4a3a;

  /* 頂部欄 */
  --header-h:       44px;
  --header-bg:      linear-gradient(90deg, #0f0810, #1a0f08);

  /* 間距 */
  --gap-xs: 4px;
  --gap-sm: 8px;
  --gap-md: 12px;
  --gap-lg: 16px;

  /* 圓角 */
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;

  /* 動畫 */
  --t-fast:   0.12s ease;
  --t-normal: 0.22s ease;
  --t-slow:   0.35s ease;

  /* 文字 */
  --font:      'Segoe UI', 'PingFang TC', 'Noto Sans TC', Arial, sans-serif;
  --font-mono: 'Courier New', monospace;
}