/* ============================================================
   DSH 生态导航 — 设计令牌
   ============================================================ */
:root {
  /* 品牌色 */
  --brand-50:  #eef2ff;
  --brand-100: #e0e7ff;
  --brand-200: #c7d2fe;
  --brand-300: #a5b4ff;
  --brand-400: #7c8cff;
  --brand-500: #4d6bfe;
  --brand-600: #3b52e8;
  --brand-700: #2f41bd;
  --brand-800: #283596;
  --brand-900: #232f78;

  --teal-400: #2dd4bf;
  --teal-500: #14b8a6;
  --teal-600: #0d9488;

  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;

  --rose-500: #f43f5e;
  --rose-600: #e11d48;

  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;

  /* 中性 — 亮色 */
  --bg:          #f6f7fb;
  --bg-elev:     #ffffff;
  --surface:     #ffffff;
  --surface-2:   #f9fafc;
  --surface-3:   #f2f4f8;
  --border:      #e4e7ef;
  --border-2:    #d6dae6;
  --text:        #10131a;
  --text-2:      #3d4552;
  --text-3:      #6b7382;
  --text-4:      #9aa2b1;
  --accent:      var(--brand-500);
  --accent-fg:   #ffffff;
  --accent-soft: var(--brand-50);
  --ring:        rgba(77, 107, 254, .35);

  --shadow-xs: 0 1px 2px rgba(16, 19, 26, .05);
  --shadow-sm: 0 1px 3px rgba(16, 19, 26, .07), 0 1px 2px rgba(16, 19, 26, .04);
  --shadow-md: 0 4px 12px rgba(16, 19, 26, .08), 0 2px 4px rgba(16, 19, 26, .04);
  --shadow-lg: 0 12px 32px rgba(16, 19, 26, .10), 0 4px 8px rgba(16, 19, 26, .05);
  --shadow-xl: 0 24px 56px rgba(16, 19, 26, .14), 0 8px 16px rgba(16, 19, 26, .06);

  /* 排版 */
  --font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, monospace;

  --fs-xs: 11.5px;
  --fs-sm: 12.5px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 25px;
  --fs-3xl: 32px;
  --fs-4xl: 42px;
  --fs-5xl: 56px;

  /* 间距与圆角 */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 9px;
  --r-lg: 13px;
  --r-xl: 18px;
  --r-2xl: 24px;
  --r-full: 999px;

  --wrap: 1320px;
  --wrap-narrow: 900px;
  --header-h: 56px;

  --t-fast: 130ms cubic-bezier(.4, 0, .2, 1);
  --t-base: 220ms cubic-bezier(.4, 0, .2, 1);
  --t-slow: 380ms cubic-bezier(.16, 1, .3, 1);
}

/* 暗色主题 */
html[data-theme="dark"] {
  --bg:          #0a0c11;
  --bg-elev:     #10131a;
  --surface:     #141821;
  --surface-2:   #1a1f2a;
  --surface-3:   #212734;
  --border:      #262d3b;
  --border-2:    #333c4d;
  --text:        #e9ecf3;
  --text-2:      #b6bdcc;
  --text-3:      #8a93a5;
  --text-4:      #626b7d;
  --accent:      var(--brand-400);
  --accent-fg:   #0a0c11;
  --accent-soft: rgba(124, 140, 255, .14);
  --ring:        rgba(124, 140, 255, .4);

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .35);
  --shadow-xl: 0 24px 56px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .4);
}

/* 分类语义色 —— 用于卡片色条、标签与图表 */
:root {
  --c-ui: #4d6bfe;
  --c-theme: #8b5cf6;
  --c-session: #0ea5e9;
  --c-memory: #14b8a6;
  --c-tools: #f59e0b;
  --c-skill: #ec4899;
  --c-workflow: #6366f1;
  --c-notify: #f97316;
  --c-model: #06b6d4;
  --c-dev: #64748b;
  --c-data: #0d9488;
  --c-security: #ef4444;
  --c-media: #a855f7;
  --c-productivity: #22c55e;
  --c-devops: #78716c;
  --c-test: #84cc16;
  --c-fun: #f43f5e;
  --c-official: #4d6bfe;
  --c-other: #94a3b8;
}