/* === AMT 设计令牌 - 莫兰迪配色系统 === */
:root {
  /* === 莫兰迪配色 === */
  --color-bg: #171717;           /* 主色/背景 - 暖米色 */
  --color-surface: #65656B;      /* 辅色1 - 浅黄绿，卡片背景 */
  --color-primary: #E465B1;      /* 辅色2 - 鼠尾草绿，按钮/强调 */
  --color-primary-dark: #CBCDCC; /* 辅色3 - 深绿，关键数据/标题 */
  --color-text: #B187A2;         /* 主文字 - 三辅色算术平均 (101+228+203, 101+101+205, 107+177+204) / 3 */
  --color-text-muted: #8A8A8A;   /* 次文字 - 辅助说明 */
  --color-border: #E0DCD5;       /* 分割线/边框 - 浅灰褐 */
  --color-error: #D4776A;        /* 错误/警告 - 莫兰迪陶土红 */
  --color-white: #FFFFFF;        /* 纯白 - 卡片背景 */
  --color-bg-alt: #F5F3F0;       /* 次背景 - 日志区/代码区 */

  /* === 字体 === */
  --font-sans: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-display: 'Inter', 'Noto Sans SC', sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', monospace;

  /* === 间距 === */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;

  /* === 圆角 === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* === 阴影 === */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);

  /* === 过渡 === */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s cubic-bezier(0.16, 1, 0.3, 1);

  /* === 布局 === */
  --max-width: 100%;
  --nav-height: 60px;
}