/* ═══════════════════════════════════════════════════════════════
   玄微大师排盘Pro — 统一设计 Token
   所有颜色唯一定义在此。组件 CSS 只引用 var(--xxx)，不写硬编码。

   亮色 -> :root
   暗色 -> html[data-theme="dark"]
   ═══════════════════════════════════════════════════════════════ */

/* ── 亮色主题 ── */
:root {
  /* 页面 & 面板 */
  --color-page:       #F1F2EC;
  --color-panel:      #fff;
  --color-pan:        #FEFFF9;
  --color-parchment:  #faf7f0;
  --color-subtle:     #f5f5f5;

  /* 品牌色 */
  --color-brand:      #004099;
  --color-accent:     #8B4513;
  --color-gold:       #d4af37;
  --color-dark:       #1a1a1a;

  /* 文字层级 */
  --color-text:       #333;
  --color-text-sec:   #555;
  --color-text-muted: #999;
  --color-text-faint: #ccc;

  /* 边框 */
  --color-border:      #ccc;
  --color-border-warm: #e0d5c1;
  --color-border-light:#eee;

  /* 五行 & 星曜 */
  --color-star:       #c30101;
  --color-star-ji:    #710078;
  --color-star-sha:   #111;
  --color-star-aux:   #710078;
  --color-star-misc:  #0a3366;
  --color-star-run:   #1a9600;
  --color-star-sub:   #888;
  --color-fire:    #CC2200;
  --color-wood:    #2D8A2D;
  --color-earth:   #8B4513;
  --color-metal:   #b8860b;
  --color-water:   #0074e5;
  --color-purple:  #710078;
  --color-positive:#1a9600;
  --color-danger:  #c0392b;

  /* 表单 */
  --color-input-bg:     #fff;
  --color-input-border: #ccc;

  /* 按钮 */
  --color-btn-bg:    #f5f5f5;
  --color-btn-hover: #e5e5e5;

  /* VIP */
  --color-vip-bg:     #1a1a1a;
  --color-vip-gold:   #d4af37;
  --color-vip-gradient: #3a3028;
  --color-btn-dark:   #333;

  /* 组件语义色 */
  --color-tag-main-bg:       #fff0ef;
  --color-tag-main-border:   #ffcccc;
  --color-tag-ji-bg:         #f3f0ff;
  --color-tag-ji-border:     #ddd0ff;
  --color-tag-sha-bg:        #f5f5f5;
  --color-tag-sha-border:    #ddd;
  --color-tag-aux-bg:        #f0f7ff;
  --color-tag-aux-border:    #c8dfff;
  --color-tag-run-bg:        #f0fff0;
  --color-tag-run-border:    #c8e6c0;
  --color-mark-soul-bg:      #fff0ef;
  --color-mark-body-bg:      #eff4ff;
  --color-pattern-ji-bg:     #fff8e6;
  --color-pattern-xiong-bg:  #fff0f0;
  --color-feixing-blue:      #1b5594;
  --color-daxian-active-bg:  #f6fbf8;
  --color-liunian-ming-bg:   #fafdfc;

  /* 限流六层配色（对应大限/流年/小限/流月/流日/流时激活按钮） */
  --color-layer-dx: #1a9600;
  --color-layer-ly: #0074e5;
  --color-layer-xl: #7cb8ff;
  --color-layer-lm: #e07800;
  --color-layer-ld: #8b2fcf;
  --color-layer-lh: #0d9ec8;
  --color-section-phrase-bg: #d32f2f;
  --color-divider:           #9e9e9e;

  /* 阴影 & 遮罩 */
  --shadow-card:  0 2px 8px rgba(0,0,0,.05);
  --shadow-modal: 0 8px 40px rgba(0,0,0,.18);
  --overlay-dim:  rgba(0,0,0,.45);
}

/* ── 暗色主题（复用 tarot 月辉深紫夜空配色）── */
html[data-theme="dark"] {
  --color-page:       #0f0a1e;
  --color-panel:      #181230;
  --color-pan:        #100922;
  --color-parchment:  #1c1430;
  --color-subtle:     #201840;

  --color-text:       #e8ddf5;
  --color-text-sec:   #9a8ab8;
  --color-text-muted: #6e6290;
  --color-text-faint: #5a4e78;

  --color-border:      #2a1f4a;
  --color-border-warm: #2a1f4a;
  --color-border-light:#1f1638;

  --color-brand:      #b894d8;
  --color-accent:     #b894d8;
  --color-gold:       #d4a8e8;
  --color-star:       #78c8d0;
  --color-star-ji:    #d4a8e8;
  --color-star-sha:   #e898b8;
  --color-star-aux:   #b894d8;
  --color-purple:     #c098e0;
  --color-star-misc:  #6e6290;
  --color-star-run:   #9a8ab8;
  --color-star-sub:   #5a4e78;

  --color-input-bg:     #181230;
  --color-input-border: #2a1f4a;

  --color-btn-bg:    #201840;
  --color-btn-hover: #2a1f4a;

  --color-vip-gradient: #2a1f4a;

  /* 组件语义色 */
  --color-tag-main-bg:       #2a1030;
  --color-tag-main-border:   #3a1840;
  --color-tag-ji-bg:         #201a30;
  --color-tag-ji-border:     #2a2040;
  --color-tag-sha-bg:        #2a1020;
  --color-tag-sha-border:    #3a1830;
  --color-tag-aux-bg:        #1a1830;
  --color-tag-aux-border:    #2a2840;
  --color-tag-run-bg:        #102a20;
  --color-tag-run-border:    #183a30;
  --color-mark-soul-bg:      #2a1020;
  --color-mark-body-bg:      #1a1830;
  --color-pattern-ji-bg:     #2a1a10;
  --color-pattern-xiong-bg:  #2a1020;
  --color-feixing-blue:      #4a8aca;
  --color-daxian-active-bg:  #1a1030;
  --color-liunian-ming-bg:   #161030;

  /* 限流六层配色 dark 覆盖 */
  --color-layer-dx: #4cce60;
  --color-layer-ly: #4a9ef0;
  --color-layer-xl: #a8d4ff;
  --color-layer-lm: #f0a030;
  --color-layer-ld: #b060e8;
  --color-layer-lh: #38c8e8;
  --color-section-phrase-bg: #8b2020;
  --color-divider:           #4a3a5a;

  --shadow-card:  0 2px 8px rgba(0,0,0,.5);
  --shadow-modal: 0 8px 40px rgba(0,0,0,.7);
  --overlay-dim:  rgba(0,0,0,.85);
}