/*
 * 设计令牌（design tokens）——与 docs/design/design-system.md 3.x 一致
 * 对比度标注为独立实测复核值，全部 ≥4.5:1（WCAG AA）
 */

:root {
  color-scheme: light;

  /* 色板（3.1） */
  --color-bg: #f6f8f7;
  --color-surface: #ffffff;
  --color-surface-muted: #eef3f1;
  --color-text: #1c2b27;
  --color-text-secondary: #4e625b;
  --color-text-tertiary: #5e716b;
  --color-border: #dce5e2;
  --color-divider: #ecf1ef;
  --color-primary: #0f766e;
  --color-primary-hover: #115e59;
  --color-primary-active: #134e4a;
  --color-primary-soft: #e4f3f0;
  --color-info: #2563eb;
  --color-info-soft: #e8f0fe;
  --color-success: #047857;
  --color-success-soft: #e7f4ee;
  --color-warning: #b45309;
  --color-warning-soft: #fcf0df;
  --color-danger: #dc2626;
  --color-danger-hover: #b91c1c;
  --color-danger-soft: #fbeaea;

  /* 字体（3.2，全部系统栈零下载） */
  --font-sans:
    -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "MiSans",
    "Microsoft YaHei", "Segoe UI", "Noto Sans SC", sans-serif;
  --font-display: var(--font-sans);

  /* 间距（3.3，4px 基准） */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;

  /* 圆角（3.4，形状一致性锁定） */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;

  /* 阴影（3.5，色相跟随墨青，无纯黑） */
  --shadow-1: 0 1px 2px rgba(18, 45, 40, 0.06);
  --shadow-2: 0 4px 12px rgba(18, 45, 40, 0.08);
  --shadow-3: 0 12px 32px rgba(18, 45, 40, 0.14);

  /* 布局 */
  --header-height: 52px;
  --sidebar-width: 216px;
  --content-max-width: 1400px;
}