/**
 * Tradevend UI tokens.
 * Marketplace paints via .releon_new (--color-*, --vm-*).
 * LK / editor keep --crm-* for existing utility classes.
 */

:root {
	--tv-space-1: 0.25rem;
	--tv-space-2: 0.5rem;
	--tv-space-3: 0.75rem;
	--tv-space-4: 1rem;
	--tv-space-5: 1.25rem;
	--tv-space-6: 1.5rem;
	--tv-space-8: 2rem;

	--tv-page-max: 1440px;
	--tv-page-gutter: 12px;
	--tv-bp-lg: 992px;

	--tv-radius-sm: 3px;
	--tv-radius-md: 5px;
	--tv-radius-lg: 20px;

	--catalog-sidebar-width: 256px;

	/* Primary (purple) */
	--crm-primary-50: #f5f3ff;
	--crm-primary-100: #ede9fe;
	--crm-primary-200: #ddd6fe;
	--crm-primary-300: #c4b5fd;
	--crm-primary-400: #a78bfa;
	--crm-primary-500: #8b5cf6;
	--crm-primary-600: #7c3aed;
	--crm-primary-700: #6d28d9;
	--crm-primary-800: #5b21b6;
	--crm-primary-900: #4c1d95;
	/* Accent (emerald) */
	--crm-accent-50: #ecfdf5;
	--crm-accent-100: #d1fae5;
	--crm-accent-200: #a7f3d0;
	--crm-accent-300: #6ee7b7;
	--crm-accent-400: #34d399;
	--crm-accent-500: #10b981;
	--crm-accent-600: #059669;
	--crm-accent-700: #047857;
	--crm-accent-800: #065f46;
	--crm-accent-900: #064e3b;
	/* Gray */
	--crm-gray-50: #f9fafb;
	--crm-gray-100: #f3f4f6;
	--crm-gray-200: #e5e7eb;
	--crm-gray-300: #d1d5db;
	--crm-gray-400: #9ca3af;
	--crm-gray-500: #6b7280;
	--crm-gray-600: #4b5563;
	--crm-gray-700: #374151;
	--crm-gray-800: #1f2937;
	--crm-gray-900: #111827;
	/* Semantic extras */
	--crm-blue-100: #dbeafe;
	--crm-blue-500: #3b82f6;
	--crm-blue-600: #2563eb;
	--crm-green-100: #dcfce7;
	--crm-green-400: #4ade80;
	--crm-green-500: #22c55e;
	--crm-green-600: #16a34a;
	--crm-green-800: #166534;
	--crm-red-100: #fee2e2;
	--crm-red-500: #ef4444;
	--crm-red-600: #dc2626;
	--crm-red-700: #b91c1c;
	--crm-yellow-100: #fef9c3;
	--crm-yellow-500: #eab308;
	--crm-yellow-800: #854d0e;
	--crm-purple-100: #f3e8ff;
	--crm-purple-500: #a855f7;
	--crm-purple-600: #9333ea;
	--crm-amber-50: #fffbeb;
	--crm-amber-100: #fef3c7;
	--crm-amber-400: #fbbf24;
	--crm-amber-600: #d97706;
	--crm-amber-700: #b45309;
	--crm-amber-900: #78350f;
	--crm-emerald-50: #ecfdf5;
	--crm-emerald-400: #34d399;
	--crm-emerald-500: #10b981;
	--crm-emerald-600: #059669;
	--crm-emerald-700: #047857;
	--crm-emerald-200: #a7f3d0;
	--crm-violet-400: #a78bfa;
	--crm-violet-500: #8b5cf6;
	--crm-violet-600: #7c3aed;
	--crm-rose-400: #fb7185;
	--crm-rose-500: #f43f5e;
	--crm-rose-600: #e11d48;
	--crm-pink-500: #ec4899;
	--crm-pink-600: #db2777;
	--crm-indigo-500: #6366f1;
	--crm-indigo-600: #4f46e5;
	--crm-slate-50: #f8fafc;
	--crm-slate-200: #e2e8f0;
	--crm-slate-500: #64748b;
	--crm-primary: #8b5cf6;
	--crm-secondary: #7c3aed;
	--crm-accent: #10b981;
	--crm-dark: #1e1e2d;
	--crm-light: #f8f9fa;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Bootstrap reboot used this; author `display` otherwise beats the UA [hidden] rule. */
[hidden] {
	display: none !important;
}