/* ============================================================
   主题变量定义 - 4种科技风主题
   ============================================================ */

/* 科技蓝（默认）*/
[data-theme="tech-blue"] {
  --primary:       #00d4ff;
  --primary-dim:   #0099cc;
  --primary-glow:  rgba(0, 212, 255, 0.4);
  --accent:        #00aaff;
  --bg:            #0a0a1a;
  --bg-card:       rgba(0, 212, 255, 0.04);
  --bg-cell:       rgba(0, 20, 40, 0.8);
  --bg-cell-active:rgba(0, 80, 160, 0.9);
  --border:        rgba(0, 212, 255, 0.2);
  --border-active: rgba(0, 212, 255, 0.9);
  --text:          #e0f4ff;
  --text-muted:    rgba(200, 240, 255, 0.5);
  --btn-bg:        linear-gradient(135deg, #0077aa, #00d4ff);
  --btn-text:      #000;
  --cell-shadow:   0 0 20px rgba(0, 212, 255, 0.6);
  --header-bg:     rgba(0, 10, 30, 0.95);
  --overlay-bg:    rgba(0, 5, 20, 0.85);
}

/* 暗夜紫 */
[data-theme="dark-purple"] {
  --primary:       #c084fc;
  --primary-dim:   #9333ea;
  --primary-glow:  rgba(192, 132, 252, 0.4);
  --accent:        #e879f9;
  --bg:            #0d0a1a;
  --bg-card:       rgba(168, 85, 247, 0.05);
  --bg-cell:       rgba(20, 10, 40, 0.85);
  --bg-cell-active:rgba(80, 20, 140, 0.9);
  --border:        rgba(192, 132, 252, 0.2);
  --border-active: rgba(232, 121, 249, 0.9);
  --text:          #f3e8ff;
  --text-muted:    rgba(240, 200, 255, 0.5);
  --btn-bg:        linear-gradient(135deg, #7c3aed, #c084fc);
  --btn-text:      #fff;
  --cell-shadow:   0 0 20px rgba(192, 132, 252, 0.6);
  --header-bg:     rgba(10, 5, 25, 0.95);
  --overlay-bg:    rgba(5, 2, 20, 0.88);
}

/* 赛博朋克 */
[data-theme="cyberpunk"] {
  --primary:       #f0ff00;
  --primary-dim:   #cccc00;
  --primary-glow:  rgba(240, 255, 0, 0.35);
  --accent:        #ff0080;
  --bg:            #0a0008;
  --bg-card:       rgba(255, 0, 128, 0.04);
  --bg-cell:       rgba(20, 0, 20, 0.88);
  --bg-cell-active:rgba(60, 0, 60, 0.95);
  --border:        rgba(240, 255, 0, 0.25);
  --border-active: rgba(255, 0, 128, 0.9);
  --text:          #fffde0;
  --text-muted:    rgba(255, 240, 150, 0.5);
  --btn-bg:        linear-gradient(135deg, #cc0060, #f0ff00);
  --btn-text:      #000;
  --cell-shadow:   0 0 22px rgba(255, 0, 128, 0.7);
  --header-bg:     rgba(15, 0, 15, 0.97);
  --overlay-bg:    rgba(8, 0, 8, 0.9);
}

/* 暗夜绿 */
[data-theme="dark-green"] {
  --primary:       #00ff88;
  --primary-dim:   #00cc66;
  --primary-glow:  rgba(0, 255, 136, 0.4);
  --accent:        #00ffcc;
  --bg:            #030f0a;
  --bg-card:       rgba(0, 255, 136, 0.04);
  --bg-cell:       rgba(0, 20, 10, 0.85);
  --bg-cell-active:rgba(0, 60, 30, 0.95);
  --border:        rgba(0, 255, 136, 0.2);
  --border-active: rgba(0, 255, 204, 0.9);
  --text:          #d0fff0;
  --text-muted:    rgba(150, 255, 200, 0.5);
  --btn-bg:        linear-gradient(135deg, #008844, #00ff88);
  --btn-text:      #000;
  --cell-shadow:   0 0 20px rgba(0, 255, 136, 0.6);
  --header-bg:     rgba(0, 8, 5, 0.96);
  --overlay-bg:    rgba(0, 5, 2, 0.88);
}

/* 喜庆红金（明亮默认主题）*/
[data-theme="festival"] {
  --primary:       #e0342b;
  --primary-dim:   #b8231d;
  --primary-glow:  rgba(224, 52, 43, 0.28);
  --accent:        #f5a623;
  --bg:            #fff8f0;
  --bg-card:       rgba(255, 255, 255, 0.92);
  --bg-cell:       #ffffff;
  --bg-cell-active:#ffe9e0;
  --border:        rgba(224, 52, 43, 0.25);
  --border-active: rgba(224, 52, 43, 0.9);
  --text:          #5c2a20;
  --text-muted:    #a4756a;
  --btn-bg:        linear-gradient(135deg, #e0342b, #ff7043);
  --btn-text:      #ffffff;
  --cell-shadow:   0 0 20px rgba(224, 52, 43, 0.4);
  --header-bg:     rgba(255, 251, 247, 0.96);
  --overlay-bg:    rgba(70, 25, 15, 0.45);
  --input-bg:      #ffffff;
}