:root {
	--dm-bg: #05070d;
	--dm-bg-secondary: #080c14;
	--dm-surface: #0b101a;
	--dm-surface-2: #101621;
	--dm-border: rgba(255, 255, 255, 0.1);
	--dm-border-strong: rgba(255, 255, 255, 0.16);
	--dm-text: #f5f7fa;
	--dm-text-secondary: #9aa4b2;
	--dm-text-muted: #687386;
	--dm-brand: #8b3dff;
	--dm-brand-bright: #a855f7;
	--dm-brand-hover: #9b5cff;
	--dm-green: #20d68a;
	--dm-cyan: #16b8ff;
	--dm-blue: #398bff;
	--dm-orange: #ff9d2e;
	--dm-amber: #e8b931;
	--dm-red: #ff4d67;
	--dm-glow-brand: 0 0 24px rgba(139, 61, 255, 0.22);
	--dm-glow-green: 0 0 20px rgba(32, 214, 138, 0.18);
	--dm-panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
	--dm-glass: rgba(11, 16, 26, 0.72);
	--dm-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--dm-space-1: 4px;
	--dm-space-2: 8px;
	--dm-space-3: 12px;
	--dm-space-4: 16px;
	--dm-space-5: 24px;
	--dm-space-6: 32px;
	--dm-space-7: 48px;
	--dm-space-8: 64px;
	--dm-space-9: 96px;
	--dm-radius-sm: 6px;
	--dm-radius-md: 8px;
	--dm-radius-lg: 12px;
	--dm-radius-xl: 16px;
	--dm-radius-full: 999px;
	--dm-radius-pill: 999px;
	--dm-header-height: 72px;
	--dm-gutter: 16px;
	--dm-container-max: 1440px;
	--dm-focus: 2px solid var(--dm-brand);
}

html[data-theme="light"] {
	--dm-bg: #f4f5f8;
	--dm-bg-secondary: #eceef4;
	--dm-surface: #ffffff;
	--dm-surface-2: #f7f8fb;
	--dm-border: rgba(15, 23, 42, 0.12);
	--dm-border-strong: rgba(15, 23, 42, 0.2);
	--dm-text: #0f172a;
	--dm-text-secondary: #475569;
	--dm-text-muted: #64748b;
	--dm-glass: rgba(255, 255, 255, 0.8);
	--dm-panel-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
	--dm-glow-brand: 0 0 20px rgba(139, 61, 255, 0.16);
}

@media (min-width: 768px) {
	:root {
		--dm-gutter: 24px;
	}
}

@media (min-width: 1440px) {
	:root {
		--dm-gutter: 32px;
	}
}