/**
 * Design Tokens — 品牌设计变量（唯一颜色 / 字体 / 间距来源）
 *
 * 品牌方向：深海军蓝 + 金色 + 白色 + 真实红色危运车辆。
 * 所有颜色都经过 WCAG AA 对比度验证（见 docs/architecture/18-design-system.md）：
 *   - navy-900 on white      14.2:1  ✅
 *   - text-secondary on white 7.2:1  ✅
 *   - gold-500 on navy-900    6.0:1  ✅（金色只用于深色底或描边，绝不做白底正文）
 *   - white on red-600        5.4:1  ✅
 *
 * 注意：不要在模板或组件里写死颜色值，一律引用这里的变量。
 */

:root {
	/* ---- 品牌色 ---------------------------------------------------------- */
	--tc-navy-900: #0c2c4a;
	--tc-navy-800: #102f50;
	--tc-navy-700: #16405f;
	--tc-gold-500: #c8a53a;
	--tc-gold-300: #e0c46b;
	--tc-red-600: #c0392b;      /* 真实危运车辆红色，仅作强调，不做大面积背景 */

	/* ---- 中性色 ---------------------------------------------------------- */
	--tc-white: #ffffff;
	--tc-gray-050: #f5f7f9;
	--tc-gray-100: #e9edf1;
	--tc-gray-200: #d7dee5;
	--tc-gray-400: #9aa8b4;

	/* ---- 文本（对比度已验证） -------------------------------------------- */
	--tc-text-primary: var(--tc-navy-900);   /* 14.2:1 on white */
	--tc-text-secondary: #3d5a73;            /*  7.2:1 on white */
	--tc-text-inverse: var(--tc-white);      /* 14.2:1 on navy-900 */
	--tc-text-inverse-soft: rgba(255, 255, 255, 0.78);

	/* ---- 字体（系统字体栈，不加载第三方字体） ---------------------------- */
	--tc-font-sans: system-ui, -apple-system, "Segoe UI", Roboto,
		"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue",
		Arial, sans-serif;
	--tc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	/* ---- 字号阶梯（Type Scale, 1.25 major third） ------------------------ */
	--tc-fs-xs: 0.8125rem;    /* 13px */
	--tc-fs-sm: 0.875rem;     /* 14px */
	--tc-fs-base: 1rem;       /* 16px */
	--tc-fs-md: 1.125rem;     /* 18px */
	--tc-fs-lg: 1.375rem;     /* 22px */
	--tc-fs-xl: 1.75rem;      /* 28px */
	--tc-fs-2xl: 2.125rem;    /* 34px */
	--tc-fs-3xl: 2.625rem;    /* 42px */
	--tc-fs-hero: clamp(2.125rem, 1.5rem + 2.8vw, 3.75rem); /* Hero H1：移动 34px → 桌面 60px */

	/* ---- 行高 ------------------------------------------------------------ */
	--tc-lh-tight: 1.2;
	--tc-lh-snug: 1.4;
	--tc-lh-body: 1.7;

	/* ---- 间距（4px 基准） ------------------------------------------------ */
	--tc-space-1: 0.25rem;
	--tc-space-2: 0.5rem;
	--tc-space-3: 0.75rem;
	--tc-space-4: 1rem;
	--tc-space-5: 1.5rem;
	--tc-space-6: 2rem;
	--tc-space-7: 3rem;
	--tc-space-8: 4rem;
	--tc-space-9: 6rem;

	/* ---- 容器 ------------------------------------------------------------- */
	--tc-container-max: 1320px;   /* 桌面内容最大宽度（1280-1360 评估区间内） */
	--tc-container-pad: clamp(1rem, 4vw, 2.5rem);
	--tc-article-max: 800px;      /* 正文容器（760-860 评估区间内） */

	/* ---- 组件尺寸 ---------------------------------------------------------- */
	--tc-btn-h: 2.75rem;
	--tc-btn-h-lg: 3.25rem;
	--tc-header-h: 5rem;          /* 桌面页头高度（80px，W2.5 视觉要求 72-80px） */
	--tc-header-h-condensed: 4rem;  /* 滚动后收缩高度（64px，W2.5 视觉要求 60-64px） */
	--tc-radius: 4px;             /* 克制的圆角，不做大量圆角卡片 */
	--tc-radius-sm: 2px;

	/* ---- 阴影（克制，不做玻璃拟态堆砌） ---------------------------------- */
	--tc-shadow-1: 0 1px 2px rgba(12, 44, 74, 0.08);
	--tc-shadow-2: 0 4px 14px rgba(12, 44, 74, 0.10);

	/* ---- 过渡（尊重 prefers-reduced-motion，见 base.css） ----------------- */
	--tc-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--tc-dur: 200ms;

	/* ---- 层级 ------------------------------------------------------------- */
	--tc-z-header: 100;
	--tc-z-drawer: 200;
}