/* محیط AMIR STUDIO — فضای بنفش-گرافیتی برای کار با همه‌ی مدل‌ها */

:root[data-ws="hub"] {
	--bg: #fbfaff;
	--bg-side: #f1effb;
	--bg-elev: #ffffff;
	--text: #1a1830;
	--muted: #6e6b86;
	--border: #e3dff4;
	--hover: #e9e6f8;
	--active: #ddd7f4;
	--accent: #5b3fe0;
	--accent-soft: #ebe7fd;
	--accent-contrast: #ffffff;
	--user-bubble: #efecfb;
	--composer-bg: #ffffff;
	--composer-border: #d9d3f0;
	--composer-radius: 24px;
	--send-bg: #5b3fe0;
	--send-fg: #ffffff;
	--shadow: 0 2px 14px rgba(60, 40, 140, .08);
	--shadow-lg: 0 20px 54px rgba(40, 25, 110, .22);
	--code-bg: #1d1b30;
	--code-head: #27243e;
	--code-text: #ecebf6;
	--code-muted: #a09db8;
	color-scheme: light;
}

@media (prefers-color-scheme: dark) {
	:root[data-ws="hub"]:not([data-mode="light"]) {
		--bg: #15141d;
		--bg-side: #0f0e16;
		--bg-elev: #1f1d2b;
		--text: #ececf5;
		--muted: #9d9ab2;
		--border: #312e45;
		--hover: #262337;
		--active: #312d4b;
		--accent: #a08cff;
		--accent-soft: #2a2549;
		--accent-contrast: #140a35;
		--user-bubble: #2a2740;
		--composer-bg: #1f1d2b;
		--composer-border: #38344f;
		--composer-radius: 24px;
		--send-bg: #a08cff;
		--send-fg: #140a35;
		--shadow: 0 2px 16px rgba(0, 0, 0, .4);
		--shadow-lg: 0 20px 54px rgba(0, 0, 0, .6);
		--code-bg: #0d0c14;
		--code-head: #18162a;
		--code-text: #ecebf6;
		--code-muted: #9d9ab2;
		color-scheme: dark;
	}
}

:root[data-ws="hub"][data-mode="dark"] {
	--bg: #15141d;
	--bg-side: #0f0e16;
	--bg-elev: #1f1d2b;
	--text: #ececf5;
	--muted: #9d9ab2;
	--border: #312e45;
	--hover: #262337;
	--active: #312d4b;
	--accent: #a08cff;
	--accent-soft: #2a2549;
	--accent-contrast: #140a35;
	--user-bubble: #2a2740;
	--composer-bg: #1f1d2b;
	--composer-border: #38344f;
	--composer-radius: 24px;
	--send-bg: #a08cff;
	--send-fg: #140a35;
	--shadow: 0 2px 16px rgba(0, 0, 0, .4);
	--shadow-lg: 0 20px 54px rgba(0, 0, 0, .6);
	--code-bg: #0d0c14;
	--code-head: #18162a;
	--code-text: #ecebf6;
	--code-muted: #9d9ab2;
	color-scheme: dark;
}

:root[data-ws="hub"] { --grad: linear-gradient(135deg, #5b3fe0, #0f9d86); }

.amirai-theme-hub .empty h1 { font-weight: 800; letter-spacing: -.01em; }
.amirai-theme-hub .empty-logo { background: var(--grad); color: #fff; box-shadow: 0 10px 30px color-mix(in srgb, var(--accent) 35%, transparent); }
.amirai-theme-hub .brand-mark { background: var(--grad); color: #fff; }
.amirai-theme-hub .m-logo { background: var(--grad); color: #fff; }
.amirai-theme-hub .chip { border-radius: 16px; }