/*!
 * Theme Wing design tokens.
 * Shared by the front end, the editor and the settings screen.
 */

:root {
	--tw-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
	--tw-font-serif: "Iowan Old Style", "Songti SC", "Noto Serif SC", Georgia, "Times New Roman", serif;
	--tw-font-mono: "SFMono-Regular", "JetBrains Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;
	--tw-font-body: var(--tw-font-sans);

	--tw-bg: #f5f7fb;
	--tw-bg-soft: #eef2f8;
	--tw-surface: #ffffff;
	--tw-surface-2: #f7f9fd;
	--tw-surface-3: #eef2f9;
	--tw-text: #0f172a;
	--tw-text-2: #475569;
	--tw-muted: #8a94a6;
	--tw-border: #e5ebf4;
	--tw-border-strong: #d6dfec;

	--tw-primary: #3d6bff;
	--tw-primary-rgb: 61 107 255;
	--tw-primary-2: #7c5cff;
	--tw-accent: #06b6d4;
	--tw-accent-rgb: 6 182 212;
	--tw-tint: #eef3ff;
	--tw-success: #10b981;
	--tw-warning: #f59e0b;
	--tw-danger: #ef4444;

	--tw-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
	--tw-shadow: 0 10px 30px -12px rgba(15, 23, 42, 0.14), 0 2px 8px -4px rgba(15, 23, 42, 0.06);
	--tw-shadow-lg: 0 34px 80px -34px rgba(15, 23, 42, 0.3);

	--tw-radius: 18px;
	--tw-radius-sm: 12px;
	--tw-radius-lg: 26px;
	--tw-radius-full: 999px;

	--tw-header-h: 68px;
	--tw-container: 1440px;
	--tw-content: 780px;
	--tw-image-max: 100%;

	--tw-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--tw-fast: 0.18s var(--tw-ease);
	--tw-normal: 0.3s var(--tw-ease);
	--tw-gradient: linear-gradient(135deg, var(--tw-primary) 0%, var(--tw-primary-2) 100%);

	color-scheme: light;
}

[data-theme="dark"] {
	--tw-bg: #0a0e19;
	--tw-bg-soft: #0d1320;
	--tw-surface: #121829;
	--tw-surface-2: #161e31;
	--tw-surface-3: #1b2438;
	--tw-text: #e8eefb;
	--tw-text-2: #a8b4c9;
	--tw-muted: #6f7b91;
	--tw-border: #222c42;
	--tw-border-strong: #2d3952;

	--tw-primary: #7c9cff;
	--tw-primary-rgb: 124 156 255;
	--tw-primary-2: #a78bfa;
	--tw-accent: #22d3ee;
	--tw-accent-rgb: 34 211 238;
	--tw-tint: #131c33;
	--tw-success: #34d399;
	--tw-warning: #fbbf24;
	--tw-danger: #f87171;

	--tw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
	--tw-shadow: 0 14px 40px -18px rgba(0, 0, 0, 0.6);
	--tw-shadow-lg: 0 44px 90px -40px rgba(0, 0, 0, 0.75);

	color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--tw-fast: 0.01ms;
		--tw-normal: 0.01ms;
	}
}