/* ============================================================
   SUP边缘云 — 科技蓝主题 (Tech Blue)
   未来科技感风格，深蓝与亮蓝搭配
   ============================================================ */

[data-theme="tech-blue"] {
  /* ── 主色调 ── */
  --primary-color: #0a0e27;
  --secondary-color: #131838;
  --accent-color: #00d4ff;

  /* ── 文本色 ── */
  --text-color: #e0e8ff;
  --light-gray: #b0c0e0;
  --dark-gray: #5a6a8a;
  --text-muted: #6a7a9a;

  /* ── 功能色 ── */
  --danger-color: #ff4757;
  --warning-color: #ffa502;
  --success-color: #2ed573;
  --premium-color: #ffa502;
  --oem-color: #7c5ce7;

  /* ── 辅助色 ── */
  --blue-accent: #00d4ff;
  --blue-accent-dark: #0099cc;
  --blue-accent-light: #33ddff;
  --white-alpha-05: rgba(0, 212, 255, 0.05);
  --white-alpha-10: rgba(0, 212, 255, 0.1);
  --white-alpha-15: rgba(0, 212, 255, 0.15);

  /* ── 背景/卡片 ── */
  --card-bg: rgba(19, 24, 56, 0.75);
  --card-bg-hover: rgba(19, 24, 56, 0.9);
  --overlay-bg: rgba(10, 14, 39, 0.7);

  /* ── 边框 ── */
  --border-color: rgba(0, 212, 255, 0.12);
  --border-color-hover: rgba(0, 212, 255, 0.35);

  /* ── 阴影 ── */
  --shadow-sm: 0 4px 12px rgba(0, 212, 255, 0.1);
  --shadow-md: 0 6px 20px rgba(0, 212, 255, 0.15);
  --shadow-lg: 0 12px 35px rgba(0, 212, 255, 0.2);
  --shadow-glow: 0 6px 20px rgba(0, 212, 255, 0.5);

  /* ── 渐变与背景辅助 ── */
  --bg-gradient-mid: #0d122e;
  --accent-color-alpha: rgba(0, 212, 255, 0.08);
  --navbar-bg: rgba(10, 14, 39, 0.85);
  --navbar-mobile-bg: rgba(10, 14, 39, 0.97);
}