/* ============================================================
   tokens-tech.css — 科技风配色覆盖（v4 科技青·深蓝）
   仅改配色：在 tokens.css / base.css 之后引入，令牌整体重映射，
   版式、间距、组件结构不动。
   ============================================================ */

:root {
  /* ---- 背景 / 面板 ---- */
  --bg-0: #020A14;
  --bg-3d-top: #07182C;
  --panel: rgba(5, 24, 44, .9);
  --panel-solid: rgba(4, 22, 40, .92);
  --line: rgba(0, 216, 255, .22);
  --line-strong: rgba(0, 216, 255, .45);

  /* ---- 品牌：主强调改科技青，朱砂 logo 保留 ---- */
  --gold: #00D8FF;
  --gold-bright: #7FEBFF;

  /* ---- 状态 ---- */
  --ok: #46C08E;
  --warn: #E0C05A;
  --major: #EE9440;
  --crit: #F0524A;
  --info: #5FA8D8;
  --off: #66788A;

  /* ---- 文字 ---- */
  --t-1: #E6F7FF;
  --t-2: #9DC0D8;
  --t-3: #5E7E96;
  --t-disabled: #33506A;

  /* ---- 旧别名 ---- */
  --bg-1: #06182C;
  --bg-2: #0A2138;
  --bg-3: #10304C;
  --celadon: var(--ok);
  --azurite: var(--info);
  --malachite: #46C08E;

  --lv-critical-bg: rgba(240, 82, 74, 0.12);
  --lv-major-bg: rgba(238, 148, 64, 0.12);
  --lv-minor-bg: rgba(224, 192, 90, 0.12);
  --lv-info-bg: rgba(95, 168, 216, 0.12);
  --lv-ok-bg: rgba(70, 192, 142, 0.12);

  /* 图表配色序列（科技青为首，鎏金退为点缀） */
  --chart-1: #00D8FF;
  --chart-2: #C9A96E;
  --chart-3: #46C08E;
  --chart-4: #F0524A;
  --chart-5: #EE9440;
  --chart-6: #5E7E96;
}

/* base.css 中硬编码的鎏金 rgba → 科技青同透明度 */
.v2-topbar { background: linear-gradient(180deg, rgba(0, 216, 255, .09), rgba(0, 216, 255, 0)) !important; }
.v2-iconbtn:hover { background: rgba(0, 216, 255, .08) !important; }
.v2-user-menu .um-item:hover { background: rgba(0, 216, 255, .10) !important; }
.v2-user-menu .um-item.cur { background: rgba(0, 216, 255, .08) !important; }
.v2-mod:hover { background: rgba(0, 216, 255, .08) !important; }
.v2-mod.active { background: rgba(0, 216, 255, .10) !important; }
.v2-mod.active::after { box-shadow: 0 0 8px rgba(0, 216, 255, .9) !important; }
.v2-layer.on { background: rgba(0, 216, 255, .10) !important; }
.v2-btn:active { background: rgba(0, 216, 255, .14) !important; }
.v2-btn.gold:hover { background: rgba(0, 216, 255, .12) !important; }
