/* ============================================================
   SUP边缘云 — 全局主题变量 (CSS Custom Properties)
   统一管理整站所有颜色、间距、圆角、阴影、过渡等设计令牌。
   后续可通过替换此文件实现整站主题切换。
   ============================================================ */

:root {
  /* ── 主色调 ── */
  --primary-color: #0a192f;        /* 深海军蓝 — 主背景 */
  --secondary-color: #112240;      /* 浅海军蓝 — 次级背景 */
  --accent-color: #64ffda;         /* 青绿色 — 强调/高亮 */

  /* ── 文本色 ── */
  --text-color: #e6f1ff;           /* 主文本（浅蓝白） */
  --light-gray: #ccd6f6;           /* 次要文本 */
  --dark-gray: #495670;            /* 暗淡文本/分隔线 */
  --text-muted: #8892b0;           /* 更淡的元数据文本 */

  /* ── 功能色 ── */
  --danger-color: #ff6b6b;         /* 错误/危险 */
  --warning-color: #ffb74d;        /* 警告 */
  --success-color: #4ade80;        /* 成功绿 */
  --premium-color: #ffb86c;        /* 高级版金色 */
  --oem-color: #8a7cff;           /* OEM版紫色 */

  /* ── 辅助色 ── */
  --blue-accent: #4a90e2;          /* 蓝色强调（硬件/下载页按钮等） */
  --blue-accent-dark: #1a5bbf;     /* 蓝色深色变体 */
  --blue-accent-light: #5aa0f2;    /* 蓝色浅色变体 */
  --white-alpha-05: rgba(255, 255, 255, 0.05);
  --white-alpha-10: rgba(255, 255, 255, 0.1);
  --white-alpha-15: rgba(255, 255, 255, 0.15);

  /* ── 渐变与背景辅助 ── */
  --bg-gradient-mid: #0f1b2e;       /* body 渐变的中间色 */
  --accent-color-alpha: rgba(100, 255, 218, 0.1);  /* body::before 光晕 */
  --navbar-bg: rgba(10, 25, 47, 0.8);              /* 导航栏毛玻璃背景 */
  --navbar-mobile-bg: rgba(10, 25, 47, 0.95);      /* 移动端导航栏背景 */

  /* ── 背景/卡片 ── */
  --card-bg: rgba(26, 42, 71, 0.6);
  --card-bg-hover: rgba(26, 42, 71, 0.8);
  --overlay-bg: rgba(10, 25, 47, 0.65);

  /* ── 边框 ── */
  --border-color: rgba(100, 255, 218, 0.1);
  --border-color-hover: rgba(100, 255, 218, 0.3);

  /* ── 阴影 ── */
  --shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 8px 25px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 15px 40px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 8px 20px rgba(100, 255, 218, 0.4);

  /* ── 圆角 ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-round: 50%;

  /* ── 间距 ── */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;

  /* ── 过渡 ── */
  --transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  --transition-bounce: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* ── 字体 ── */
  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  /* ── 布局 ── */
  --max-width: 1200px;
  --navbar-height: 70px;
}