/*
 * tokens.css —— 外观令牌（任务 T012，FR-SYS-002 / SL03 接入点）
 *
 * 设计思路（io-nav 风格导航站）：
 * - 浅色默认 = io-grey-mode 思路（浅灰底 + 白面板 + 深灰文字）；
 * - 深色覆盖段 = io-black-mode 思路（近黑底 + 深灰面板 + 浅灰文字），
 *   挂点为 Bootstrap 5 原生 data-bs-theme="dark"（html 属性，由 theme-init.js 写入）。
 *
 * 口径（plan 边界约束 8）：
 * - --mp-primary 兜底默认 = 站点规范冻结参数 #1e73be；
 *   base.html 内联 <style>:root{--mp-primary:...}</style>（theme context processor
 *   校验回退后的运行时值，置于本文件之后加载）覆盖此兜底；
 * - --mp-link-color 为卡片默认链接色令牌（card_extras.link_color_css 非法值回退目标）；
 * - 深色段不重声明 --mp-primary（避免覆盖运行时主色，保持单一来源）。
 */
:root {
  /* ===== CHG-2026-003 设计系统（DC-UI-1：扩展既有 tokens，零构建链） ===== */
  /* 品牌色阶（SailNav 海雾蓝） */
  --brand-50: #eff6ff;  --brand-100: #dbeafe;
  --brand-500: #3b82f6; --brand-600: #2563eb; --brand-700: #1d4ed8; --brand-900: #1e3a8a;
  /* 强调/推广橙 */
  --accent-500: #f97316;  --accent-100: #ffedd5;
  /* 语义色 */
  --success: #10b981;  --warning: #f59e0b;  --error: #ef4444;
  /* 圆角 / 阴影 / 动效 */
  --radius-sm: 8px;  --radius-md: 12px;  --radius-lg: 16px;  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgb(16 24 40 / .05);
  --shadow-md: 0 4px 8px -2px rgb(16 24 40 / .08), 0 2px 4px -2px rgb(16 24 40 / .05);
  --shadow-lg: 0 12px 24px -4px rgb(16 24 40 / .10), 0 4px 8px -4px rgb(16 24 40 / .06);
  --dur-fast: 120ms;  --dur-base: 200ms;  --dur-slow: 320ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  /* ===== 原型令牌别名（bgrdh-redesign 高保真原型命名） ===== */
  --bg-page: #f7f8fa;  --bg-card: #ffffff;  --bg-subtle: #f1f3f5;  --border: #e4e7ec;
  --text-1: #101828;  --text-2: #475467;  --text-3: #98a2b3;
  /* ===== 兼容既有主色（DC-UI-2：迁移为 #2563EB，仅参数值） ===== */
  --mp-primary: #2563eb;            /* 站点规范主色（冻结参数迁移，兜底默认） */
  --mp-primary-contrast: #ffffff;   /* 主色上的文字色 */
  --mp-primary-soft: rgba(37, 99, 235, 0.14);   /* 主色弱化底（徽标/选中态） */
  --mp-link-color: var(--mp-primary);            /* 卡片默认链接色令牌（card_extras 回退目标） */
  /* io-grey-mode 中性变量（别名：--mp-bg == --bg-page 等） */
  --mp-bg: var(--bg-page);          /* 页面底（浅灰） */
  --mp-surface: var(--bg-card);     /* 面板/卡片面 */
  --mp-text: var(--text-1);         /* 正文 */
  --mp-text-muted: var(--text-2);   /* 次要文字 */
  --mp-border: var(--border);       /* 描边 */
  /* ===== CHG-2026-004 R-06 12 板块色相（--sec-*，首字块兜底渐变） ===== */
  --sec-blue: #2563EB; --sec-cyan: #0891B2; --sec-purple: #7C3AED; --sec-indigo: #4F46E5;
  --sec-magenta: #DB2777; --sec-slate: #475569; --sec-green: #059669; --sec-amber: #D97706;
  --sec-rose: #E11D48; --sec-sky: #0284C7; --sec-violet: #9333EA; --sec-lime: #65A30D;
  /* R-10 暗色链接消费令牌（浅色默认 = 品牌色） */
  --link-on-card: var(--brand-600);
  /* R-10 featured 渐变（浅色默认） */
  --featured-grad: linear-gradient(120deg, #2563eb, #1d4ed8 60%, #1e3a8a);
  /* 布局尺寸 */
  --mp-header-h: 60px;
  --mp-sidebar-w: 240px;
  color-scheme: light;
}

/* 深色覆盖段（SailNav 暗色令牌；data-bs-theme + data-theme 双挂点兼容） */
[data-bs-theme="dark"], [data-theme="dark"] {
  --brand-500: #60a5fa;  --brand-600: #3b82f6;  --accent-500: #fb923c;
  --bg-page: #0f1216;  --bg-card: #171b21;  --bg-subtle: #1f242c;  --border: #2a303a;
  --text-1: #f2f4f7;  --text-2: #a8b0bd;  --text-3: #6b7480;
  --mp-primary-contrast: #ffffff;
  --mp-primary-soft: rgba(96, 165, 250, 0.18);
  --mp-link-color: #60a5fa;         /* 深色下链接色提亮保对比度 */
  --mp-bg: var(--bg-page);
  --mp-surface: var(--bg-card);
  --mp-text: var(--text-1);
  --mp-text-muted: var(--text-2);
  --mp-border: var(--border);
  --shadow-md: 0 4px 8px -2px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);
  --shadow-lg: 0 12px 24px -4px rgb(0 0 0 / .5), 0 4px 8px -4px rgb(0 0 0 / .4);
  /* R-10 暗色链接提亮（#8ab2f8 对 #171b21 ≈ 6.9:1） */
  --link-on-card: #8ab2f8;
  --featured-grad: linear-gradient(120deg, #1e40af, #1e3a8a 60%, #172554);
  color-scheme: dark;
}