/* ============================================================
   SUP边缘云 — 商务灰主题 (Business Gray)
   专业稳重风格，深灰与金色点缀，适合企业展示
   ============================================================ */

[data-theme="business-gray"] {
  /* ── 主色调 ── */
  --primary-color: #1a1a2e;
  --secondary-color: #252540;
  --accent-color: #c9a96e;

  /* ── 文本色 ── */
  --text-color: #e8e6e1;
  --light-gray: #b8b5ad;
  --dark-gray: #6b675e;
  --text-muted: #8a8578;

  /* ── 功能色 ── */
  --danger-color: #d9534f;
  --warning-color: #e6a817;
  --success-color: #5cb85c;
  --premium-color: #c9a96e;
  --oem-color: #8e7cc3;

  /* ── 辅助色 ── */
  --blue-accent: #c9a96e;
  --blue-accent-dark: #a88a4e;
  --blue-accent-light: #d4ba80;
  --white-alpha-05: rgba(201, 169, 110, 0.05);
  --white-alpha-10: rgba(201, 169, 110, 0.1);
  --white-alpha-15: rgba(201, 169, 110, 0.15);

  /* ── 背景/卡片 ── */
  --card-bg: rgba(37, 37, 64, 0.7);
  --card-bg-hover: rgba(37, 37, 64, 0.88);
  --overlay-bg: rgba(26, 26, 46, 0.7);

  /* ── 边框 ── */
  --border-color: rgba(201, 169, 110, 0.1);
  --border-color-hover: rgba(201, 169, 110, 0.3);

  /* ── 阴影 ── */
  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 35px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 6px 18px rgba(201, 169, 110, 0.35);

  /* ── 渐变与背景辅助 ── */
  --bg-gradient-mid: #20203a;
  --accent-color-alpha: rgba(201, 169, 110, 0.08);
  --navbar-bg: rgba(26, 26, 46, 0.88);
  --navbar-mobile-bg: rgba(26, 26, 46, 0.97);
}