/* ==========================================================================
   tokens.css — DEEP Decision Studio V3 设计变量
   深蓝金视觉基因（V2）：navy #0B1A33 / ink #152238 / gold #C8A15A / bg #F5F6F8
   ========================================================================== */

:root {
  /* ---- 品牌 ---- */
  --navy: #0b1a33;
  --navy-700: #12253f;
  --navy-600: #1a3152;
  --ink: #152238;
  --gold: #c8a15a;
  --gold-strong: #b08a3e;
  --gold-soft: #e8d9b8;
  --gold-wash: rgba(200, 161, 90, 0.12);
  --bg: #f5f6f8;

  /* ---- 语义色 ---- */
  --success: #2e7d5b;
  --warn: #b7791f;
  --danger: #b4453c;
  --info: #2b5c8a;
  --success-soft: #e6f2ec;
  --warn-soft: #fbf1df;
  --danger-soft: #f8e7e5;
  --info-soft: #e8f0f7;

  /* ---- 表面 / 文字 ---- */
  --surface: #ffffff;
  --surface-2: #fafbfc;
  --surface-3: #f0f2f5;
  --line: #e3e6eb;
  --line-strong: #cdd3db;
  --text: #152238;
  --text-2: #4b5768;
  --text-3: #77839a;
  --text-inverse: #f2f5fa;

  /* ---- 导航（深色） ---- */
  --nav-surface: #0b1a33;
  --nav-surface-2: #10233f;
  --nav-line: rgba(255, 255, 255, 0.09);
  --nav-line-strong: rgba(255, 255, 255, 0.16);
  --nav-text: #dfe6f1;
  --nav-text-dim: #8fa0bb;
  --nav-hover: rgba(255, 255, 255, 0.06);
  --nav-active: rgba(200, 161, 90, 0.14);

  /* ---- 字体 ---- */
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC",
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --fs-2xs: 10.5px;
  --fs-xs: 11.5px;
  --fs-sm: 12.5px;
  --fs-md: 13.5px;
  --fs-lg: 15px;
  --fs-xl: 17px;
  --fs-2xl: 21px;
  --fs-3xl: 26px;
  --lh-tight: 1.35;
  --lh-base: 1.6;

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

  /* ---- 圆角 / 阴影 ---- */
  --radius-xs: 4px;
  --radius-sm: 7px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(11, 26, 51, 0.06), 0 1px 1px rgba(11, 26, 51, 0.04);
  --shadow-2: 0 6px 20px rgba(11, 26, 51, 0.09), 0 1px 3px rgba(11, 26, 51, 0.06);
  --shadow-3: 0 18px 48px rgba(11, 26, 51, 0.18);

  /* ---- 布局 ---- */
  --appbar-h: 52px;
  --w-nav: 258px;
  --w-chat: 512px;
  --w-cockpit-min: 400px;
  --resizer-w: 6px;

  /* ---- 动效（克制；尊重 reduced-motion） ---- */
  --dur-1: 120ms;
  --dur-2: 180ms;
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);

  /* ---- 图表色板 ---- */
  --chart-1: #c8a15a;
  --chart-2: #2b5c8a;
  --chart-3: #2e7d5b;
  --chart-4: #b7791f;
  --chart-5: #7b8aa6;
  --chart-grid: #e8ebf0;
  --chart-axis: #8a94a6;

  /* ---- 层级 ---- */
  --z-resizer: 20;
  --z-drawer: 60;
  --z-nav-toggle: 70;
  --z-toast: 90;
  --z-boot: 100;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-1: 1ms;
    --dur-2: 1ms;
  }
}

/* 高密度 / 宽松可切换（设置面板） */
html[data-density="roomy"] {
  --fs-sm: 13px;
  --fs-md: 14.5px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --lh-base: 1.7;
}