/* ══════════════════════════════════════════════════════════════
   设计令牌 —— 深空蓝驾驶舱
   所有颜色/间距/动效只在这里定义，组件内禁止硬编码色值。

   配色纪律：主导表面(60%) + 电子蓝主色(30%) + 单一强调色(10%)
   强调色只有琥珀 #FFB020 一个，且只留给"当日/实时"与关键动作。
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── 表面层级：从最深的舱底到抬起的面板 ── */
  --c-abyss:      #04080F;
  --c-bg:         #060D1C;
  --c-bg-2:       #081530;
  --c-surface:    #0B1A33;
  --c-surface-2:  #102546;
  --c-surface-3:  #15305A;

  /* ── 发丝线：大屏靠线分区，不靠大块底色 ── */
  --c-line:       rgba(122, 168, 255, 0.13);
  --c-line-2:     rgba(122, 168, 255, 0.26);
  --c-line-3:     rgba(122, 168, 255, 0.45);

  /* ── 文字 ── */
  --c-text:       #EAF2FF;
  --c-text-2:     #B8CBEA;
  --c-muted:      #8AA0C4;
  --c-dim:        #5A719A;

  /* ── 主色：电子蓝 ── */
  --c-brand:      #2E7BFF;
  --c-brand-2:    #5FA0FF;
  --c-brand-3:    #8FC0FF;
  --c-brand-deep: #14418F;
  --c-brand-dark: #0C2B5E;

  /* ── 唯一强调色：琥珀，只给实时与关键动作 ── */
  --c-accent:     #FFB020;
  --c-accent-dim: rgba(255, 176, 32, 0.35);

  /* ── 语义色（仅用于必要状态，不做装饰） ── */
  --c-up:         #FF5A5A; /* 涨：中国习惯红 */
  --c-down:       #22C08A; /* 跌：绿 */
  --c-danger:     #FF5F5F;

  /* ── 地图热力梯度：低值深海军蓝 → 高值亮电光蓝 ── */
  --map-0: #0A1B3A;
  --map-1: #123A78;
  --map-2: #1B5CC0;
  --map-3: #2E7BFF;
  --map-4: #6BA8FF;
  --map-5: #A9CDFF;

  /* ── 字体：Chakra Petch 做数字与拉丁展示字，Barlow 做正文 ── */
  --font-display: 'Chakra Petch', 'Barlow', 'Source Han Sans SC', 'Microsoft YaHei', sans-serif;
  --font-body:    'Barlow', 'Source Han Sans SC', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  --font-mono:    'Chakra Petch', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --font-cn:      'Source Han Sans SC', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;

  /* ── 字阶（1.25 模块化比例，基准 16px） ── */
  --fs-2xs: 11px;
  --fs-xs:  12px;
  --fs-sm:  13px;
  --fs-md:  15px;
  --fs-lg:  18px;
  --fs-xl:  23px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;
  --fs-4xl: 46px;
  --fs-5xl: 58px;
  --fs-6xl: 72px;

  /* ── 间距梯度 ── */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  /* ── 圆角：大屏要克制，用 2/4/8 这类小值，避免"卡片化" ── */
  --r-1: 2px; --r-2: 4px; --r-3: 8px; --r-4: 14px; --r-full: 999px;

  /* ── 阴影：带环境蓝，绝不用纯黑 ── */
  --sh-1: 0 2px 8px rgba(2, 8, 20, 0.45);
  --sh-2: 0 8px 28px rgba(2, 8, 20, 0.55);
  --sh-3: 0 24px 64px rgba(2, 8, 20, 0.68);
  --sh-glow: 0 0 24px rgba(46, 123, 255, 0.28);
  --sh-glow-accent: 0 0 20px rgba(255, 176, 32, 0.30);

  /* ── 动效 ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* ── 大屏舞台基准尺寸（JS 按视口等比缩放） ── */
  --stage-w: 1920px;
  --stage-h: 1080px;
}

/* 大屏是暗色载体，登录页/后台共用同一套令牌，不再单独开亮色主题 */
html { color-scheme: dark; }