/* ============================================================
   tokens.css — 设计令牌（全量来自 DESIGN.md 第 6 节）
   项目：远方梦菲斯埃埃 · Skills · Agents · Workflows 一站式 AI 能力中心
   ============================================================ */

:root {
  /* ── 品牌主色 ── */
  --brand-900: #0E1A38;
  --brand-800: #14264A;
  --brand-700: #1D3461;
  --brand-600: #274378;
  --brand-100: #DCE4F2;
  --brand-50:  #EFF3FA;

  /* ── 交互蓝 ── */
  --accent-700: #1D4ED8;
  --accent-600: #2563EB;
  --accent-500: #3B82F6;
  --accent-100: #DBEAFE;
  --accent-50:  #EFF6FF;

  /* ── 会员金 ── */
  --gold-700: #8A6D2F;
  --gold-500: #C9A45C;
  --gold-400: #D8BC7E;
  --gold-100: #F5ECD8;
  --gold-50:  #FBF7EE;

  /* ── 语义色 ── */
  --success-700: #15803D; --success-600: #16A34A; --success-200: #BBF7D0; --success-50: #F0FDF4;
  --warning-700: #B45309; --warning-500: #F59E0B; --warning-200: #FDE68A; --warning-50: #FFFBEB;
  --danger-700:  #B91C1C; --danger-600:  #DC2626; --danger-200:  #FECACA; --danger-50:  #FEF2F2;
  --info-700:    #1D4ED8; --info-600:    #2563EB; --info-200:    #BFDBFE; --info-50:   #EFF6FF;

  /* ── 中性色阶 ── */
  --gray-0:   #FFFFFF;
  --gray-25:  #FAFBFD;
  --gray-50:  #F3F5F9;
  --gray-100: #E8ECF3;
  --gray-200: #D9DFE9;
  --gray-300: #B9C2D0;
  --gray-400: #8A94A6;
  --gray-500: #5B6472;
  --gray-700: #333B4A;
  --gray-900: #161C28;

  /* ── Admin 侧边栏 ── */
  --admin-sidebar-bg: #14264A;
  --admin-sidebar-hover: #1D3461;
  --admin-sidebar-active: #0E1A38;
  --admin-sidebar-text: #B9C6DE;
  --admin-sidebar-text-active: #FFFFFF;
  --admin-sidebar-divider: rgba(255, 255, 255, 0.08);

  /* ── 排版 ── */
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Consolas, "Courier New", monospace;
  --text-h1: 700 32px/40px var(--font-sans);
  --text-h2: 700 24px/32px var(--font-sans);
  --text-h3: 600 18px/26px var(--font-sans);
  --text-h4: 600 16px/24px var(--font-sans);
  --text-body: 400 14px/22px var(--font-sans);
  --text-sm: 400 13px/20px var(--font-sans);
  --text-xs: 400 12px/18px var(--font-sans);
  --text-stat: 700 28px/36px var(--font-sans);
  --text-price: 700 24px/32px var(--font-sans);

  /* ── 间距 ── */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-8: 48px; --space-10: 64px;

  /* ── 圆角 ── */
  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
  --radius-xl: 16px; --radius-full: 999px;

  /* ── 阴影 ── */
  --shadow-card:  0 1px 2px rgba(20,38,74,0.05), 0 1px 3px rgba(20,38,74,0.06);
  --shadow-hover: 0 4px 12px rgba(20,38,74,0.10), 0 2px 4px rgba(20,38,74,0.06);
  --shadow-modal: 0 16px 48px rgba(14,26,56,0.18), 0 4px 12px rgba(14,26,56,0.10);

  /* ── 图表渐变（唯一允许的渐变） ── */
  --chart-fill: linear-gradient(180deg, rgba(37,99,235,0.16), rgba(37,99,235,0));

  /* ── 动效 ── */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms; --dur-base: 150ms; --dur-slow: 200ms;
}

/* ── 基础 Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  font: var(--text-body);
  color: var(--gray-700);
  background: var(--gray-50);
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; }
a { color: var(--accent-600); text-decoration: none; }
a:hover { color: var(--accent-700); }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
input, select, textarea { font-family: inherit; font-size: 14px; }
ul, ol { list-style: none; }
:focus-visible { outline: 2px solid var(--accent-600); outline-offset: 2px; }

/* 数字等宽 */
.num, .stat-num, td.num, .price { font-variant-numeric: tabular-nums; }
.mono { font-family: var(--font-mono); font-size: 13px; }