/* Download.chat design tokens — black / deep-purple / lavender. */
:root {
	--dc-base: #07040f;
	--dc-surface: #120a24;
	--dc-surface-2: #1b1036;
	--dc-deep-purple: #2a1364;
	--dc-purple: #6d3bf5;
	--dc-lavender: #b8a6ff;
	--dc-text: #ece9f7;
	--dc-muted: #9a8fc4;
	--dc-border: rgba(184, 166, 255, 0.16);

	--dc-bg-gradient: radial-gradient(120% 120% at 20% 0%, #2a1364 0%, #120a24 45%, #07040f 100%);
	--dc-accent-gradient: linear-gradient(135deg, #6d3bf5 0%, #b8a6ff 100%);

	--dc-radius-sm: 10px;
	--dc-radius: 16px;
	--dc-radius-lg: 24px;
	--dc-radius-pill: 999px;

	--dc-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
	--dc-shadow-glow: 0 0 0 1px rgba(184, 166, 255, 0.18), 0 20px 60px rgba(109, 59, 245, 0.25);

	--dc-topnav-h: 60px;
	--dc-sidebar-w: 280px;

	/* Fallback until composer.js measures the real rendered height. */
	--dc-composer-h: 84px;

	--dc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}