/* 设计令牌 —— 深色数据控制台
 *
 * 所有色值都用 dataviz skill 的 contrast() 实测过，注释里的比值是实测结果，
 * 不是估计。改色值请重跑校验，别凭眼睛判断。
 *
 * 强调色 #00E5C0 / 冰蓝 #6EE7F9 / 正向 #34D399 / 负向 #FB7185 这四色作为
 * 「分类调色板」是不合格的（实测 #34D399↔#FB7185 在红绿色盲下 ΔE 仅 4.6），
 * 所以它们不承担序列身份识别：排行条形图是单序列（全部同色 = 强调色），
 * 正/负向只做状态色且必须配箭头与文字，不靠颜色单独表意。
 */

:root {
  /* ---- 表面 ---- */
  --bg: #0B0F14;           /* 页面底 */
  --surface: #111820;      /* 卡片 / 面板 */
  --surface-2: #161F29;    /* 悬停 / 表头 / 内嵌块 */
  --surface-3: #1B2530;    /* 按下 / 选中 */
  --border: #1E2A36;       /* 常规边框，实测 1.22:1 于卡片 —— 存在但不抢戏 */
  --border-strong: #2A3846;/* 强调边框 / 坐标轴，1.49:1 */

  /* ---- 文字阶梯（全部实测于 --surface）---- */
  --ink: #E8EEF4;          /* 15.29:1  主文字 */
  --ink-2: #A9B8C6;        /*  8.81:1  次要文字 */
  --ink-3: #7A8A99;        /*  5.04:1  弱化文字，仍过 4.5:1 正文标准 */
  --ink-4: #5A6875;        /*  3.12:1  仅用于大字号/非关键装饰文字 */

  /* ---- 强调色 ---- */
  --accent: #00E5C0;       /* 11.03:1  主强调：数据条、指标数字、焦点环 */
  --accent-2: #6EE7F9;     /* 12.30:1  次强调：链接、辅助标记 */
  --accent-dim: #0F3A35;   /* 强调色的暗底，用于胶囊标签背景 */
  --accent-wash: rgba(0, 229, 192, 0.10); /* 面积填充 10% 淡洗 */

  /* ---- 状态色（保留语义，永不用作序列色；必须配图标+文字）---- */
  --good: #34D399;         /*  9.29:1 */
  --warn: #F0B429;         /* 琥珀，降级横幅 */
  --bad: #FB7185;          /*  6.64:1 */
  --good-dim: #10312A;
  --warn-dim: #3A2E10;
  --bad-dim: #3A1B22;

  /* ---- 图表专用 ---- */
  --grid: #243341;         /* 1.38:1  网格线：看得见，但不与数据争 */
  --axis: #2A3846;         /* 1.49:1  坐标轴 */
  --track: #1A2430;        /* 条形图轨道底 */

  /* ---- 字体 ---- */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei",
          "PingFang SC", "Hiragino Sans GB", sans-serif;
  --mono: "SF Mono", "Cascadia Mono", Consolas, "Courier New", monospace;

  /* 字阶（紧凑优先） */
  --fs-hero: 40px;   /* 指标卡大数字 —— 用比例数字，不用 tabular-nums */
  --fs-xl: 20px;
  --fs-lg: 15px;
  --fs-md: 13px;     /* 正文基准 */
  --fs-sm: 12px;
  --fs-xs: 11px;

  /* ---- 间距 ---- */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 12px;
  --sp-5: 16px;
  --sp-6: 20px;
  --sp-7: 28px;

  /* ---- 圆角 ---- */
  --r-sm: 4px;       /* 数据条末端圆角，按 mark spec 固定 4px */
  --r-md: 6px;
  --r-lg: 10px;
  --r-full: 999px;

  /* ---- 层级 ---- */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-3: 0 12px 40px rgba(0, 0, 0, 0.6);

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur: 200ms;
  --dur-slow: 320ms;

  /* ---- 尺寸 ---- */
  --topbar-h: 52px;
  --sidebar-w: 232px;
  --panel-w: 480px;
}

/* 尊重系统的减少动效设置 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur: 0ms;
    --dur-slow: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}