/* theme-saas.css — Aurora SaaS（用于后台 / 商户端 / 收银台基础皮肤）
 * 一个克制、专业的浅色金融产品调性。
 * 不使用 fixed noise / mix-blend-mode / backdrop-filter，确保滚动顺滑。
 * ----------------------------------------------------------------
 * 字体策略：
 *   - 上线性能优先，**不引入** Google Fonts（国内会阻塞首屏 5~30s）。
 *   - 全部使用系统字体栈（PingFang SC / Microsoft YaHei / system-ui），
 *     与原设计在 macOS、Windows、Android、iOS 上视觉差异极小。
 *   - 如确需自定义字体，请将字体文件放到 /assets/fonts/ 并在此处声明 @font-face。
 * ---------------------------------------------------------------- */

body[data-pp-theme='saas'] {
	--font-display: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-body: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

	--color-bg: #f7f7f4;
	--color-surface: #ffffff;
	--color-surface-2: #f1f1ec;
	--color-surface-3: #e7e7e0;
	--color-border: rgba(15, 23, 42, 0.09);
	--color-border-strong: rgba(15, 23, 42, 0.18);

	--color-text: #161a23;
	--color-text-muted: rgba(22, 26, 35, 0.65);
	--color-text-faint: rgba(22, 26, 35, 0.45);

	--color-accent: #0e8a83;
	--color-accent-2: #0c4a6e;
	--on-accent: #ffffff;
	--accent-soft: rgba(14, 138, 131, 0.10);
	--accent-glow: rgba(14, 138, 131, 0.22);

	--color-highlight: #b45309;
	--color-success: #057a55;
	--color-warning: #b45309;
	--color-danger: #be123c;

	--radius-xs: 4px;
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 18px;

	--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
	--space-5: 22px; --space-6: 32px; --space-7: 44px; --space-8: 60px;
	--space-9: 80px; --space-10: 100px;

	--shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
	--shadow-md: 0 6px 18px rgba(15, 23, 42, 0.07), 0 1px 2px rgba(15, 23, 42, 0.04);
	--shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(15, 23, 42, 0.05);
	--shadow-glow: 0 12px 28px rgba(14, 138, 131, 0.22);

	--motion-fast: 130ms;
	--motion-base: 220ms;
	--container-w: 1280px;

	background: var(--color-bg);
}