/* ═══════════════════════════════════════════════════════════════
   Theme: Dark Emerald — 翡翠奢華綠
   檔案: resources/css/themes/dark-emerald.css
   
   高端奢華風, 適合 VIP / 高端賭場站點
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── 背景層級 ── */
  --bg-deep: #060e0a;
  --bg-body: #0a1610;
  --bg-card: #0f1f16;
  --bg-card-hover: #17291f;
  --bg-surface: #0c1a12;

  /* ── 主色 (Emerald) ── */
  --gold: #10b981;
  --gold-dim: #059669;
  --gold-glow: rgba(16, 185, 129, 0.15);
  --accent-border: rgba(16, 185, 129, 0.3);

  /* ── 語意色 ── */
  --green: #34d399;
  --blue: #38bdf8;
  --red: #fb7185;
  --orange: #fb923c;
  --purple: #c084fc;

  /* ── 文字 ── */
  --text-1: #ecfdf5;
  --text-2: #86b89e;
  --text-3: #5a8a72;

  /* ── 邊框 ── */
  --border: #153224;
  --border-2: #1f4a34;

  /* ── 圓角 ── */
  --r: 12px;
  --r-sm: 8px;
  --r-lg: 20px;

  /* ── 陰影 ── */
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.55);

  /* ── 字型 ── */
  --font-d: 'Outfit', ui-sans-serif, system-ui, sans-serif;
  --font-b: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-m: 'JetBrains Mono', ui-monospace, monospace;

  /* ── 導航列 ── */
  --nav-h: 64px;
  --nav-bg: rgba(6, 14, 10, 0.88);
  --nav-blur: blur(12px);

  /* ── 按鈕 ── */
  --btn-gradient: linear-gradient(135deg, var(--gold), var(--gold-dim));
  --btn-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
  --btn-shadow-hover: 0 6px 24px rgba(16, 185, 129, 0.45);
}