/* ============================================================
   QB · 设计令牌（Design Tokens）
   浅色玻璃拟态：淡蓝渐变底 + 磨砂白表面 + 鲜明蓝主色 + 彩色图标砖
   ============================================================ */

:root {
  /* 品牌主色：鲜明蓝（参考 Adobe 系实心蓝按钮） */
  --brand-50: #eff5ff;
  --brand-100: #dbe8ff;
  --brand-200: #bfd7ff;
  --brand-300: #93bbfd;
  --brand-400: #5b93fa;
  --brand-500: #2563eb;
  --brand-600: #1d4ed8;
  --brand-700: #1e40af;
  --brand-grad: linear-gradient(135deg, #2563eb 0%, #4f8cff 100%);

  /* 语义色 */
  --ok-500: #16803c;
  --ok-bg: #e8f8ee;
  --ok-line: #b9e5c7;
  --warn-500: #b45309;
  --warn-bg: #fff6e3;
  --warn-line: #f0d9a8;
  --err-500: #dc2626;
  --err-bg: #fdeeee;
  --err-line: #f3c1c1;
  --info-500: #0369a1;
  --info-bg: #eaf5fd;
  --info-line: #bcdff3;

  /* 图标砖：淡底 + 实色字（每导航一项一色） */
  --tile-blue-bg: #e3ecff;   --tile-blue-fg: #2563eb;
  --tile-violet-bg: #ece7ff; --tile-violet-fg: #7c3aed;
  --tile-amber-bg: #fdf0d3;  --tile-amber-fg: #c77408;
  --tile-teal-bg: #d8f5e8;   --tile-teal-fg: #0d9d6c;
  --tile-orange-bg: #ffe8d6; --tile-orange-fg: #e06f1f;
  --tile-pink-bg: #ffe2ed;   --tile-pink-fg: #db2777;
  --tile-cyan-bg: #dbf3fc;   --tile-cyan-fg: #0284c7;

  /* 中性色（亮主题） */
  --bg: #f3f6fc;
  --surface: #ffffff;
  --surface-2: #f4f7fc;
  --surface-3: #e9eff8;
  --glass: rgba(255, 255, 255, .78);
  --text-1: #16213a;
  --text-2: #4c5b7a;
  --text-3: #8b98b3;
  --line: #e3e9f3;
  --line-strong: #ccd6e6;

  /* 阴影：淡蓝调、柔和 */
  --shadow-1: 0 1px 2px rgba(37, 78, 150, .06);
  --shadow-2: 0 8px 24px -8px rgba(37, 78, 150, .14), 0 2px 6px -2px rgba(37, 78, 150, .07);
  --shadow-3: 0 24px 56px -16px rgba(37, 78, 150, .22);

  --ring: 0 0 0 4px rgba(37, 99, 235, .13);

  /* 几何：更大圆角，更像参考风格 */
  --r-sm: 10px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-full: 999px;

  --font: "Inter", "Noto Sans SC", "Segoe UI", "PingFang SC", "Hiragino Sans GB",
          "Microsoft YaHei UI", "Microsoft YaHei",
          system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace;

  --sidebar-w: 264px;
  --header-h: 66px;

  /* 动效：只保留颜色过渡，位移类动效全部禁用（防抖动） */
  --t-fast: .15s ease;
  --t-med: .25s ease;
}

[data-theme="dark"] {
  --bg: #0c1322;
  --surface: #151d33;
  --surface-2: #1a2340;
  --surface-3: #232e4f;
  --glass: rgba(21, 29, 51, .8);
  --text-1: #e8edf7;
  --text-2: #9fabca;
  --text-3: #647191;
  --line: #24304f;
  --line-strong: #33436b;

  --brand-500: #4f8cff;
  --brand-600: #3b78f6;
  --brand-50: rgba(79, 140, 255, .14);
  --brand-100: rgba(79, 140, 255, .2);
  --brand-200: #2c4a8f;

  --tile-blue-bg: rgba(79, 140, 255, .16);   --tile-blue-fg: #8db1ff;
  --tile-violet-bg: rgba(167, 139, 250, .16); --tile-violet-fg: #b7a5fb;
  --tile-amber-bg: rgba(251, 191, 36, .15);  --tile-amber-fg: #fbbf24;
  --tile-teal-bg: rgba(52, 211, 153, .14);   --tile-teal-fg: #4ade9e;
  --tile-orange-bg: rgba(251, 146, 60, .15); --tile-orange-fg: #fb923c;
  --tile-pink-bg: rgba(244, 114, 182, .15);  --tile-pink-fg: #f472b6;
  --tile-cyan-bg: rgba(56, 189, 248, .14);   --tile-cyan-fg: #38bdf8;

  --ok-bg: #0f2a1c;
  --ok-line: #1e4d33;
  --ok-500: #4ade80;
  --warn-bg: #2e230d;
  --warn-line: #5a451a;
  --warn-500: #fbbf24;
  --err-bg: #2f1416;
  --err-line: #5c2226;
  --err-500: #f87171;
  --info-bg: #0d2637;
  --info-line: #174a6b;
  --info-500: #38bdf8;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-2: 0 8px 24px -6px rgba(0, 0, 0, .5);
  --shadow-3: 0 24px 56px -12px rgba(0, 0, 0, .6);
  --ring: 0 0 0 4px rgba(79, 140, 255, .2);
}