/* ═══════════════════════════════════════════════════════════════
   Theme: Dark Blue — 深邃科技藍
   檔案: resources/css/themes/dark-blue.css
   
   冷調科技風, 適合強調安全性與科技感的站點
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── 背景層級 (Polymarket 冷調炭灰藍) ── */
  --bg-deep:       #15191d;     /* body 最底層 */
  --bg-body:       #11151a;     /* main 區域 */
  --bg-card:       #15191d;     /* 卡片 / 區塊 (= Polymarket theme-color) */
  --bg-card-hover: #1c2127;     /* 卡片 hover */
  --bg-surface:    #13171a;     /* 次層面 (input, tag) */

  /* ── 主色 (原 gold 槽位 → Polymarket blue) ── */
  --gold:          #0093fd;     /* 主強調色 */
  --gold-dim:      #0077cc;     /* 主色暗階 (按鈕 hover, 漸層) */
  --gold-glow:     rgba(0, 147, 253, 0.15);  /* 主色光暈 (badge 底色) ← 寫死，必覆蓋 */
  --accent-border: rgba(0, 147, 253, 0.3);   /* 主色邊框          ← 寫死，必覆蓋 */
  --color-link:    #38b6ff;                   /* 文章內文連結色 ← 寫死，必覆蓋 */
  --btn-shadow:        0 4px 16px rgba(0, 147, 253, 0.3);   /* ← 寫死，必覆蓋 */
  --btn-shadow-hover:  0 6px 24px rgba(0, 147, 253, 0.45);  /* ← 寫死，必覆蓋 */

  /* ── 語意色 (Yes 綠 / No 紅 由 ikuta 指定) ── */
  --green: #359a5e;
  --red:   #cb3131;
  --blue:  #4a9eea;     /* 次級藍 (info 標籤)，刻意跟主色錯開一階 */
  /* --orange / --purple 沿用基底，不另覆蓋 */
  --orange: #fb923c;
  --purple: #c084fc;

  /* ── 文字 ── */
  --text-1: #e8edf5;
  --text-2: #8b9ec2;
  --text-3: #5a7099;

  /* ── 邊框 ── */
  --border: #162244;
  --border-2: #253662;

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

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

  /* ── 字型 ── */
  --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: #15191d;
  --nav-blur: blur(12px);

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