/* 设计 token —— 后台统一视觉基线（商用化 2.0）
 * 命名保持 --td-* 兼容既有视图；新增 light/shadow/font 等派生变量。 */
:root {
  /* 品牌主色（更明亮的科技蓝） */
  --td-brand-color: #2b5cff;
  --td-brand-color-hover: #1f48d6;
  --td-brand-color-active: #173bb0;
  --td-brand-color-focus: #e8efff;
  --td-brand-color-light: #f5f8ff;
  --td-brand-gradient: linear-gradient(135deg, #3a6bff 0%, #1452e6 100%);

  /* 语义色 */
  --td-success-color: #00b96b;
  --td-success-color-light: #e6f7ef;
  --td-warning-color: #ff8f1f;
  --td-warning-color-light: #fff4e6;
  --td-error-color: #f5483b;
  --td-error-color-light: #fdeceb;
  --td-info-color: #2b5cff;
  --td-gray-color: #9aa0ad;

  /* 文本 */
  --td-text-color-primary: #1f2329;
  --td-text-color-secondary: #5e6573;
  --td-text-color-placeholder: #9aa0ad;
  --td-text-color-disabled: #c3c7d0;
  --td-text-color-inverse: #ffffff;

  /* 背景 */
  --td-bg-color-page: #f5f7fb;
  --td-bg-color-container: #ffffff;
  --td-bg-color-container-hover: #f5f7fa;
  --td-bg-color-component: #eef0f5;
  --td-bg-color-component-hover: #e6e9f0;

  /* 边框 */
  --td-border-level-1-color: #eceef3;
  --td-border-level-2-color: #e0e3ea;

  /* 圆角 */
  --td-radius-default: 8px;
  --td-radius-medium: 8px;
  --td-radius-small: 6px;

  /* 阴影（更柔和的层次） */
  --td-shadow-1: 0 1px 2px rgba(31, 35, 41, .04), 0 6px 16px rgba(31, 35, 41, .06);
  --td-shadow-2: 0 4px 16px rgba(31, 35, 41, .10);
  --td-shadow-3: 0 12px 32px rgba(31, 35, 41, .14);

  /* 尺寸 */
  --td-size-sidebar: 232px;
  --td-size-header: 60px;

  /* 字体 */
  --td-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --td-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, Menlo, monospace;
}