/* ==========================================================================
   大观门户 · 设计令牌层 (Layer 1) — tokens.css
   --------------------------------------------------------------------------
   作用：把散落在 style.css / catalog.css / 模板内联样式里的硬编码色值，
        收敛为一套可维护的令牌，并覆盖 ColorMag 主色变量，使全站（按钮、
        链接、焦点态、选中态）继承大观品牌蓝。
   部署：追加到子主题 daguan 的 style.css 末尾，或作为独立文件在
        functions.php 中 wp_enqueue_style('dg-tokens') 引入。
   风险：低。本文件只声明变量，不覆盖任何既有规则，颜色取值与现状一致。
   ========================================================================== */

:root {
	/* ---------- 品牌蓝 5 阶（由深至亮） ---------- */
	--dg-brand-900: #071A3F;   /* 二级导航深底、页脚 */
	--dg-brand-800: #0A2463;   /* 品牌主色（沿用现状） */
	--dg-brand-700: #13233F;   /* 标题深色 */
	--dg-brand-600: #1E56A0;   /* 次级深蓝 */
	--dg-brand-500: #2196F3;   /* 亮蓝强调（仅用于"点"） */
	--dg-brand-300: #7FB8F5;   /* 浅蓝：chip 描边、聚焦边框 */
	--dg-brand-050: #EEF4FC;   /* 浅蓝底 */

	/* ---------- 中性冷灰 8 阶 ---------- */
	--dg-ink-900: #121821;     /* 正文 */
	--dg-ink-700: #2B3A52;     /* 次级正文 / 参数值 */
	--dg-ink-600: #6B7A90;     /* 摘要 / 说明 */
	--dg-ink-500: #8B97AB;     /* 弱化文字 */
	--dg-ink-400: #AAB4C4;     /* 时间戳 */
	--dg-ink-300: #C8D2E0;     /* 箭头等装饰 */
	--dg-line-200: #EDF1F7;    /* 卡片边框 */
	--dg-line-100: #F2F5FA;    /* 分隔线 */
	--dg-surface: #FFFFFF;
	--dg-surface-50: #F7F9FC;  /* 浅底 */
	--dg-surface-100: #EEF2F8; /* 占位底 */
	--dg-page-bg: #F4F6FA;     /* 页面底 */

	/* ---------- 语义别名（新增组件请只用这些） ---------- */
	--dg-color-primary: var(--dg-brand-800);
	--dg-color-accent: var(--dg-brand-500);
	--dg-color-heading: var(--dg-brand-700);
	--dg-color-body: var(--dg-ink-700);
	--dg-color-muted: var(--dg-ink-500);
	--dg-color-border: var(--dg-line-200);
	--dg-color-border-soft: var(--dg-line-100);
	--dg-color-bg-soft: var(--dg-surface-50);

	/* ---------- 圆角 3 阶（收敛原有 4/8/10/12/14/16/20px） ---------- */
	--dg-radius-sm: 8px;
	--dg-radius-md: 12px;
	--dg-radius-lg: 16px;
	--dg-radius-pill: 999px;

	/* ---------- 间距阶梯 ---------- */
	--dg-space-1: 6px;
	--dg-space-2: 10px;
	--dg-space-3: 14px;
	--dg-space-4: 18px;
	--dg-space-5: 24px;
	--dg-space-6: 32px;
	--dg-space-7: 40px;
	--dg-space-8: 56px;

	/* ---------- 字体：双字体编辑感 ---------- */
	/* 无衬线：正文 / UI / 导航（Open Sans 保持现状优先，中文回退系统字体） */
	--dg-font-sans: "Open Sans", "PingFang SC", "Hiragino Sans GB",
		"Microsoft YaHei", system-ui, -apple-system, sans-serif;
	/* 衬线：标题 / 栏目名 / 评分数字 —— CNET stardust 的中文对应 */
	--dg-font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC",
		"SimSun", Georgia, serif;

	/* ---------- 阴影 ---------- */
	--dg-shadow-sm: 0 1px 3px rgba(10, 36, 99, .06);
	--dg-shadow-md: 0 6px 18px rgba(10, 36, 99, .10);
	--dg-shadow-lg: 0 14px 30px rgba(10, 36, 99, .13);

	/* ---------- 布局 ---------- */
	--dg-container: 1200px;    /* 与现有 .dg-portal-inner 对齐 */
	--dg-content: 720px;       /* 正文阅读宽 */
}

/* ==========================================================================
   覆盖 ColorMag 主色变量 → 全站交互色统一到大观品牌蓝
   ColorMag 原：--color--primary: var(--cm-color-1, #207daf)
   ========================================================================== */
:root {
	--cm-color-1: #0A2463;
	--cm-color-2: #1E56A0;
}

/* ==========================================================================
   令牌化映射（可选、零感知变化）
   把既有硬编码色值改写为变量引用。建议分批替换：先替换出现频次最高且
   最易改错的（标题色 / 边框 / 分隔线 / 摘要文字）。
   写法示例（不要直接全站替换，先在小范围试点）：
     .dg-card-title { color: var(--dg-color-heading); }
   ========================================================================== */