:root {
	/* Portal Theme */
	--primary: #7c3aed;
	--primary-light: #a78bfa;
	--primary-dark: #5b21b6;

	--text-main: #0f172a;
	--text-secondary: #475569;
	--text-muted: #94a3b8;
	--text-header: #0f172a;
	--text-nav: #475569;
	--text-nav-active: #7c3aed;

	--bg-card: #ffffff;
	--bg-header: #f5f3ff;
	--bg-sidebar: #ffffff;
	--bg-footer: #f8fafc;
	--bg-surface: #ffffff;
	--bg-muted: #f8fafc;
	--bg-nav-active: rgb(124 58 237 / 0.1);

	--border-color: #e2e8f0;
	--border-muted: #f1f5f9;
}

@media (prefers-color-scheme: dark) {
	:root {
		--primary: #8b5cf6;
		--primary-light: #c4b5fd;
		--primary-dark: #6d28d9;

		--text-main: #f8fafc;
		--text-secondary: #cbd5f5;
		--text-muted: #94a3b8;
		--text-header: #f8fafc;
		--text-nav: #cbd5f5;
		--text-nav-active: #8b5cf6;

		--bg-card: #0f172a;
		--bg-header: #0b1220;
		--bg-sidebar: #0f172a;
		--bg-footer: #0b1220;
		--bg-surface: #111827;
		--bg-muted: #111827;
		--bg-nav-active: rgb(139 92 246 / 0.16);

		--border-color: #1e293b;
		--border-muted: #0f172a;
	}
}