/* ==========================================================================
   0-root.css — 设计令牌 / Design Tokens
   幻梦 · dr-dream.cn
   深空 · 霓虹 · 玻璃拟态 的科幻视觉基调
   ========================================================================== */

:root {
	/* 兼容旧变量名（保留，勿删） */
	--background-color: #05070e;
	--text-color: #dbe9f5;

	/* ---------- 层级背景 ---------- */
	--bg-void: #03050b;
	--bg-deep: #05070e;
	--bg-base: #070b15;
	--bg-raise: #0b1120;
	--bg-float: #0f1729;

	/* ---------- 玻璃面板 ----------
	   面板改为「半透明纯色」而不是「毛玻璃」：背景星场是逐帧动画，
	   任何 backdrop-filter 表面都会迫使合成器每帧重新做高斯模糊。
	   实测 1680×1050 下这几处毛玻璃会把帧率从 60 压到 25（GPU 占用飙升），
	   而背景本身接近纯黑，模糊与否几乎看不出差别。因此这里把不透明度
	   提高一点来保证文字对比度。需要玻璃质感见 1-main.css 末尾的 body.glass。 */
	--panel: rgba(11, 17, 32, 0.86);
	--panel-solid: #0b1120;
	--panel-hi: rgba(20, 32, 56, 0.9);
	--panel-inset: rgba(4, 8, 16, 0.6);

	/* ---------- 描边 / 分隔 ---------- */
	--line: rgba(84, 174, 220, 0.16);
	--line-soft: rgba(84, 174, 220, 0.08);
	--line-strong: rgba(96, 200, 240, 0.34);

	/* ---------- 霓虹主色 ---------- */
	--cyan: #2ee6ff;
	--cyan-soft: #7ff0ff;
	--cyan-deep: #0a91b8;
	--violet: #9b6cff;
	--violet-deep: #5b32c9;
	--magenta: #ff4fd8;
	--amber: #ffb340;
	--green: #3df5a5;
	--rose: #ff5a7a;

	/* ---------- 状态语义色 ---------- */
	--ok: var(--green);
	--warn: var(--amber);
	--danger: var(--rose);
	--info: var(--cyan);

	/* ---------- 文字 ---------- */
	--txt-strong: #f2f8ff;
	--txt: #cfe0f0;
	--txt-soft: #93aac2;
	--txt-dim: #5d748c;
	--txt-faint: #3d5065;

	/* 霓虹文字 */
	--glow-cyan: 0 0 6px rgba(46, 230, 255, 0.55), 0 0 22px rgba(46, 230, 255, 0.22);
	--glow-violet: 0 0 6px rgba(155, 108, 255, 0.5), 0 0 22px rgba(155, 108, 255, 0.2);
	--glow-text: 0 0 10px rgba(46, 230, 255, 0.35);

	/* ---------- 阴影 ---------- */
	--shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.45);
	--shadow-md: 0 10px 32px rgba(0, 0, 0, 0.55);
	--shadow-lg: 0 22px 60px rgba(0, 0, 0, 0.65);
	--shadow-neon: 0 0 0 1px rgba(46, 230, 255, 0.22), 0 8px 34px rgba(10, 145, 184, 0.22);

	/* ---------- 字体 ---------- */
	--font-ui: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Microsoft YaHei",
		"Noto Sans CJK SC", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", ui-monospace, SFMono-Regular,
		Consolas, "Liberation Mono", "Noto Sans Mono CJK SC", "Microsoft YaHei Mono", monospace;
	--font-display: "Orbitron", "Rajdhani", var(--font-ui);

	/* ---------- 字号阶 ---------- */
	--fs-xxs: 10px;
	--fs-xs: 11px;
	--fs-sm: 12.5px;
	--fs-md: 14px;
	--fs-lg: 16px;
	--fs-xl: 20px;
	--fs-2xl: 26px;
	--fs-3xl: 36px;
	--fs-4xl: 52px;

	/* ---------- 间距阶 ---------- */
	--sp-1: 4px;
	--sp-2: 8px;
	--sp-3: 12px;
	--sp-4: 16px;
	--sp-5: 22px;
	--sp-6: 30px;
	--sp-7: 44px;
	--sp-8: 64px;

	/* ---------- 圆角 ---------- */
	--r-xs: 3px;
	--r-sm: 6px;
	--r-md: 10px;
	--r-lg: 16px;
	--r-pill: 999px;

	/* ---------- 结构尺寸 ---------- */
	--top-h: 58px;
	--bottom-h: 40px;
	--menu-w: 244px;
	--passage-max: 1040px;

	/* ---------- 动效 ---------- */
	--ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);
	--ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
	--dur-fast: 140ms;
	--dur: 240ms;
	--dur-slow: 420ms;

	/* ---------- 层级 ---------- */
	--z-fx: 0;
	--z-content: 10;
	--z-top: 40;
	--z-drawer: 60;
	--z-toast: 90;

	/* ---------- 扫描线 ---------- */
	--scan-opacity: 0.05;
}

/* 降低动态效果偏好：由 CSS 直接降级过渡时长 */
@media (prefers-reduced-motion: reduce) {
	:root {
		--dur-fast: 0ms;
		--dur: 0ms;
		--dur-slow: 0ms;
		--scan-opacity: 0;
	}
}