/* ============================================================
   SUP边缘云 — 午夜紫主题 (Midnight Purple)
   深紫黑底色，紫色霓虹强调，神秘高级感
   ============================================================ */

[data-theme="midnight-purple"] {
  /* ── 主色调 ── */
  --primary-color: #0f0a1a;
  --secondary-color: #1a1230;
  --accent-color: #a78bfa;

  /* ── 文本色 ── */
  --text-color: #e8e0f0;
  --light-gray: #c4b8d8;
  --dark-gray: #5a5070;
  --text-muted: #7a6e90;

  /* ── 功能色 ── */
  --danger-color: #f87171;
  --warning-color: #fbbf24;
  --success-color: #6ee7b7;
  --premium-color: #c4b5fd;
  --oem-color: #a78bfa;

  /* ── 辅助色 ── */
  --blue-accent: #a78bfa;
  --blue-accent-dark: #7c3aed;
  --blue-accent-light: #c4b5fd;
  --white-alpha-05: rgba(167, 139, 250, 0.05);
  --white-alpha-10: rgba(167, 139, 250, 0.1);
  --white-alpha-15: rgba(167, 139, 250, 0.15);

  /* ── 背景/卡片 ── */
  --card-bg: rgba(26, 18, 48, 0.75);
  --card-bg-hover: rgba(26, 18, 48, 0.9);
  --overlay-bg: rgba(15, 10, 26, 0.72);

  /* ── 边框 ── */
  --border-color: rgba(167, 139, 250, 0.1);
  --border-color-hover: rgba(167, 139, 250, 0.3);

  /* ── 阴影 ── */
  --shadow-sm: 0 4px 12px rgba(167, 139, 250, 0.08);
  --shadow-md: 0 6px 20px rgba(167, 139, 250, 0.12);
  --shadow-lg: 0 12px 35px rgba(167, 139, 250, 0.18);
  --shadow-glow: 0 6px 22px rgba(167, 139, 250, 0.45);

  /* ── 渐变与背景辅助 ── */
  --bg-gradient-mid: #120d20;
  --accent-color-alpha: rgba(167, 139, 250, 0.08);
  --navbar-bg: rgba(15, 10, 26, 0.85);
  --navbar-mobile-bg: rgba(15, 10, 26, 0.97);
}