/* =============================================================================
 * jiguang-tokens.css — 激光信任 语义令牌增量层
 * 视觉方向：白色 + 浅蓝 + 激光蓝（浅蓝操作台风格）
 * 加载顺序：main.css → bitget-light.css → 【jiguang-tokens.css】（最后加载，可覆盖）
 * 原则：本文件只"追加新语义变量 + 少量工具 class"，不重写既有布局；
 *       既有变量（如旧 #18AFFF 主色）若已存在则沿用，这里只补缺口。
 * ============================================================================= */

:root {
  /* ---- 主蓝 / 激光蓝（#18AFFF 为主蓝参考） ---- */
  --jg-blue:        #18AFFF;   /* 主蓝 / 激光蓝 */
  --jg-blue-600:    #0E97E6;   /* 深一档（hover/按压） */
  --jg-blue-400:    #5BC6FF;   /* 浅一档 */
  --jg-blue-200:    #B8E6FF;   /* 描边/分隔 */
  --jg-blue-50:     #EAF6FF;   /* 浅蓝填充 */

  /* ---- 浅蓝操作台背景 ---- */
  --jg-bg:          #F4FAFF;   /* 操作台底（比 #F8FAFC 略偏蓝） */
  --jg-bg-subtle:   #EAF4FE;   /* 次级分区底 */
  --jg-card:        #FFFFFF;   /* 卡片白底 */
  --jg-line:        #E2ECF5;   /* 卡片描边/分隔线 */

  /* ---- 文字 ---- */
  --jg-text:        #0F172A;
  --jg-text-2:      #64748B;
  --jg-text-3:      #94A3B8;

  /* ---- 风险语义色（前景 / 浅底） ---- */
  --risk-safe:      #16A34A;   --risk-safe-bg:     #E7F7EE;   /* 安全绿 */
  --risk-low:       #0CA678;   --risk-low-bg:      #E6F7F1;   /* 较低风险（青绿） */
  --risk-medium:    #F59E0B;   --risk-medium-bg:   #FEF3DC;   /* 中险橙 */
  --risk-high:      #EF4444;   --risk-high-bg:     #FDECEC;   /* 高险红 */
  --risk-critical:  #DC2626;   --risk-critical-bg: #FBE3E3;   /* 严重红 */

  /* ---- 评级配色（AA/A/B/C → 复用风险色） ---- */
  --grade-aa:       var(--risk-safe);
  --grade-a:        var(--jg-blue);
  --grade-b:        var(--risk-medium);
  --grade-c:        var(--risk-high);

  /* ---- 其它语义色 ---- */
  --data-cyan:      #06B6D4;   --data-cyan-bg:   #E3F8FC;   /* 数据青 */
  --eco-purple:     #7C3AED;   --eco-purple-bg:  #F0E9FE;   /* 生态紫 */
  --jgt-gold:       #D9A93B;   --jgt-gold-bg:    #FBF2DC;   /* JGT 浅金 */

  /* ---- 信任等级配色 ---- */
  --tier-e1:        var(--jg-blue);    /* 基础 */
  --tier-e2:        var(--data-cyan);  /* 进阶 */
  --tier-e3:        var(--jgt-gold);   /* 专业 */

  /* ---- 链品牌色（chain.ts brandVar 引用；缺省回退主蓝） ---- */
  --chain-eth: #627EEA;  --chain-bsc: #F0B90B;  --chain-arb: #28A0F0;
  --chain-base: #0052FF; --chain-avax: #E84142; --chain-op: #FF0420;
  --chain-polygon: #8247E5; --chain-sol: #14F195; --chain-trx: #EF0027;

  /* ---- 圆角 ---- */
  --jg-radius-card: 18px;
  --jg-radius-sm:   12px;
  --jg-radius-chip: 10px;
  --jg-radius-pill: 999px;

  /* ---- 卡片阴影（带轻微蓝调，强化"操作台"质感） ---- */
  --jg-shadow-sm:   0 1px 2px rgba(15, 23, 42, .06);
  --jg-shadow-card: 0 4px 16px rgba(24, 175, 255, .08), 0 1px 3px rgba(15, 23, 42, .05);
  --jg-shadow-pop:  0 8px 32px rgba(24, 175, 255, .14);

  /* ---- 间距尺度 ---- */
  --jg-gap-xs: 4px;  --jg-gap-sm: 8px;  --jg-gap-md: 16px;
  --jg-gap-lg: 24px; --jg-gap-xl: 32px;

  /* ---- 容器 ---- */
  --jg-container: 1440px;
}

/* 暗色主题占位（保留手动切换；浅蓝操作台为默认，暗色后续单独定义） */
html[data-theme="dark"] {
  --jg-bg:        #0B1220;
  --jg-bg-subtle: #111A2B;
  --jg-card:      #131D30;
  --jg-line:      #1F2C42;
  --jg-text:      #E6EEF8;
  --jg-text-2:    #9FB0C5;
  --jg-text-3:    #6B7C95;
}

/* ============================ 工具 class ============================ */
/* 这些 class 由 design/theme.ts 的映射函数按等级/风险返回，组件直接挂 class。 */

/* 评级文字色 */
.jg-grade-AA { color: var(--grade-aa); }
.jg-grade-A  { color: var(--grade-a); }
.jg-grade-B  { color: var(--grade-b); }
.jg-grade-C  { color: var(--grade-c); }

/* 风险徽章（前景 + 浅底，pill 形态） */
.jg-risk { display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 10px; border-radius: var(--jg-radius-pill); font-size: 12px; font-weight: 600; }
.jg-risk-safe     { color: var(--risk-safe);     background: var(--risk-safe-bg); }
.jg-risk-low      { color: var(--risk-low);      background: var(--risk-low-bg); }
.jg-risk-medium   { color: var(--risk-medium);   background: var(--risk-medium-bg); }
.jg-risk-high     { color: var(--risk-high);     background: var(--risk-high-bg); }
.jg-risk-critical { color: var(--risk-critical); background: var(--risk-critical-bg); }

/* 信任等级徽章 */
.jg-tier-E1 { color: var(--tier-e1); }
.jg-tier-E2 { color: var(--tier-e2); }
.jg-tier-E3 { color: var(--tier-e3); }

/* 通用卡片（浅蓝操作台基底） */
.jg-card {
  background: var(--jg-card);
  border: 1px solid var(--jg-line);
  border-radius: var(--jg-radius-card);
  box-shadow: var(--jg-shadow-card);
}

/* 操作台页面底色（页面 body 或主容器挂用） */
.jg-console { background: var(--jg-bg); }