/**
 * Dark Theme (Night Mode)
 * AgeisBit Exchange Professional Dark Theme
 * 深色沉浸式黑金 UI，適合長時間盯盤
 */

/* 當 data-theme="dark" 時套用夜間模式 */
html[data-theme="dark"] {
  /* 層次化深黑底色 */
  --bg-base: #0b0e11;
  --bg-elevated: #12161c;
  --bg-card: #181a20;
  --bg-surface: #1e2329;
  --bg-input: #2b313a;
  --bg-floating: #2b313a;
  --bg-hover: rgba(255, 255, 255, 0.04);
  --bg-active: rgba(240, 185, 11, 0.08);

  /* 邊框 */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  
  /* 文字 */
  --text-primary: #eaecef;
  --text-secondary: #848e9c;
  --text-muted: #5e6673;
  --text-inverse: #0b0e11;

  /* 品牌金保持不變 */
  --gold: #f0b90b;
  --gold-hover: #fcd535;
  
  /* 漲跌色保持不變 */
  --up: #0ecb81;
  --down: #f6465d;
}

/* Light Theme (日間模式) - 可選實裝 */
html[data-theme="light"] {
  /* 層次化淺色底色 */
  --bg-base: #ffffff;
  --bg-elevated: #f8f9fa;
  --bg-card: #ffffff;
  --bg-surface: #f1f3f5;
  --bg-input: #ffffff;
  --bg-floating: #ffffff;
  --bg-hover: rgba(0, 0, 0, 0.04);
  --bg-active: rgba(240, 185, 11, 0.08);

  /* 邊框 */
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.14);
  
  /* 文字 */
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-muted: #adb5bd;
  --text-inverse: #ffffff;

  /* 品牌金保持不變 */
  --gold: #f0b90b;
  --gold-hover: #d99e00;
  
  /* 漲跌色保持不變 */
  --up: #0ecb81;
  --down: #f6465d;

  /* 陰影調整為淺色適配 */
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.12);
  --shadow-shell: 0 8px 24px rgba(0, 0, 0, 0.06);
}