/* ═══════════════════════════════════════════════════════════════
   玄微大师排盘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:     #003282;
  --color-gold:       #d4af37;
  --color-dark:       #1a1a1a;

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

  /* 边框 */
  --color-border:      #b4c4d6;
  --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: #aee4fd;

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

  /* 组件语义色 */
  --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-stage-late-bg:     #f3e5f5;
  --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;

  /* 星盘统计标签背景色 */
  --xp-stat-fire-bg:    #fef2f2;
  --xp-stat-earth-bg:   #f0f8f0;
  --xp-stat-wind-bg:    #eef2fb;
  --xp-stat-water-bg:   #eeeefb;
  --xp-stat-yang-bg:    #fef8f0;
  --xp-stat-yin-bg:     #f0f2fb;
  --xp-stat-cardinal-bg:#fef6f0;
  /* 星盘统计标签文字色 */
  --xp-stat-fire-color:    #c41e1e;
  --xp-stat-earth-color:   #3d7a3d;
  --xp-stat-wind-color:    #3366bb;
  --xp-stat-water-color:   #2233aa;
  --xp-stat-yang-color:    #d4770a;
  --xp-stat-yin-color:     #4466aa;
  --xp-stat-cardinal-color:#b8470a;
  --xp-stat-fixed-color:   #2d6a4f;
  --xp-stat-mutable-color: #554488;
  --xp-stat-fixed-bg:   #edf7f0;
  --xp-stat-mutable-bg: #f3f0f8;

  /* 阴影 & 遮罩 */
  --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-stage-late-bg:     #20182a;
  --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;

  /* 星盘统计标签背景色 — dark */
  --xp-stat-fire-bg:    #2a1020;
  --xp-stat-earth-bg:   #102a18;
  --xp-stat-wind-bg:    #141e2a;
  --xp-stat-water-bg:   #14142a;
  --xp-stat-yang-bg:    #2a1e10;
  --xp-stat-yin-bg:     #141e2a;
  --xp-stat-cardinal-bg:#2a1c10;
  --xp-stat-fixed-bg:   #102a18;
  --xp-stat-mutable-bg: #1a162a;
  /* 星盘统计标签文字色 — dark（亮色，深背景上可读） */
  --xp-stat-fire-color:    #ff7777;
  --xp-stat-earth-color:   #66cc77;
  --xp-stat-wind-color:    #7799ee;
  --xp-stat-water-color:   #8899ee;
  --xp-stat-yang-color:    #ffaa44;
  --xp-stat-yin-color:     #8899ee;
  --xp-stat-cardinal-color:#ff9966;
  --xp-stat-fixed-color:   #66bb88;
  --xp-stat-mutable-color: #aa88dd;

  --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);
}