:root {
--design-size-pc: 1920;
--font-color-base: #0B1736;
--font-family-base: "Inter", sans-serif;
--spacing-00: 0rem;
--spacing-02: 2rem;
--spacing-04: 4rem;
--spacing-06: 6rem;
--spacing-08: 8rem;
--spacing-10: 10rem;
--spacing-12: 12rem;
--spacing-14: 14rem;
--spacing-16: 16rem;
--spacing-18: 18rem;
--spacing-20: 20rem;
--spacing-22: 22rem;
--spacing-24: 24rem;
--spacing-26: 26rem;
--spacing-28: 28rem;
--spacing-30: 30rem;
--spacing-32: 32rem;
--spacing-34: 34rem;
--spacing-36: 36rem;
--spacing-38: 38rem;
--spacing-40: 40rem;
--spacing-42: 42rem;
--spacing-44: 44rem;
--spacing-46: 46rem;
--spacing-48: 48rem;
--spacing-48: 50rem;
--spacing-52: 52rem;
--spacing-54: 54rem;
--spacing-56: 56rem;
--spacing-58: 58rem;
--spacing-60: 60rem;
--spacing-62: 62rem;
--spacing-64: 64rem;
--spacing-66: 66rem;
--spacing-68: 68rem;
--spacing-70: 70rem;
--spacing-72: 72rem;
--spacing-74: 74rem;
--spacing-76: 76rem;
--spacing-80: 80rem;
--spacing-82: 82rem;
--spacing-84: 84rem;
--spacing-86: 86rem;
--spacing-88: 88rem;
--spacing-90: 90rem;
--spacing-92: 92rem;
--spacing-94: 94rem;
--spacing-96: 96rem;
--spacing-98: 98rem;
--spacing-100: 100rem;

--steps-height: 82rem;
--sidebar-width: 380rem;
--modal-panel-headr-height: 166rem;
--modal-panel-footer-height: 96rem;
--form-bottom-height: 82rem;
--dasboard-sidebar-width: 260rem;
--workspace-header-height: 72rem;
--dasboard-header-height: 92rem;

--lead-sidebar-width: 280rem;
/* --lead-management-header-height: 106rem; */

--color-red-50: #fff1f2;
--color-red-100: #ffe4e6;
--color-red-200: #fecdd3;
--color-red-300: #fda4af;
--color-red-400: #fb7185;
--color-red-500: #f43f5e;
--color-red-600: #e11d48;
--color-red-700: #be123c;
--color-orange-50: #fff7ed;
--color-orange-600: #ea580c;
--color-amber-50: #fffbeb;
--color-amber-100: #fef3c7;
--color-amber-200: #fde68a;
--color-amber-400: #fbbf24;
--color-amber-500: #f59e0b;
--color-amber-600: #d97706;
--color-amber-700: #b45309;
--color-green-50: #f0fdf4;
--color-green-100: #dcfce7;
--color-green-500: #22c55e;
--color-green-600: #16a34a;
--color-green-700: #15803d;
--color-emerald-50: #ecfdf5;
--color-emerald-100: #d1fae5;
--color-emerald-200: #a7f3d0;
--color-emerald-400: #34d399;
--color-emerald-500: #10b981;
--color-emerald-600: #059669;
--color-emerald-700: #047857;
--color-teal-50: #f0fdfa;
--color-teal-700: #0f766e;
--color-blue-50: #eff6ff;
--color-blue-100: #dbeafe;
--color-blue-200: #bfdbfe;
--color-blue-300: #93c5fd;
--color-blue-400: #60a5fa;
--color-blue-500: #3b82f6;
--color-blue-600: #2563eb;
--color-blue-700: #1d4ed8;
--color-blue-800: #1e40af;
--color-blue-900: #1e3a8a;
--color-violet-50: #f5f3ff;
--color-violet-100: #ede9fe;
--color-violet-200: #ddd6fe;
--color-violet-300: #c4b5fd;
--color-violet-400: #a78bfa;
--color-violet-500: #8b5cf6;
--color-violet-600: #7c3aed;
--color-violet-700: #6d28d9;
--color-purple-500: #a855f7;
--color-rose-50: #fff1f2;
--color-rose-100: #ffe4e6;
--color-rose-200: #fecdd3;
--color-rose-700: #be123c;
--color-slate-100: #f1f5f9;
--color-slate-200: #e2e8f0;
--color-slate-400: #94a3b8;
--color-slate-500: #64748b;
--color-cyan-100: #cffafe;
--color-cyan-200: #80ffff;
--color-cyan-500: #0891b2;
--color-tangerine-500: #f97316;
--color-gray-light: #eeeff1;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
--color-gray-200: #e5e7eb;
--color-gray-300: #d1d5db;
--color-gray-400: #9ca3af;
--color-gray-500: #6b7280;
--color-gray-600: #4b5563;
--color-gray-700: #374151;
--color-gray-800: #1f2937;
--color-gray-900: #111827;
--color-black: #000000;
--color-white: #ffffff;
--tw-border-style: solid;

--scrollbarBG: transparent;
--thumbBG: #c2c2c2;
}


@media(max-width:821px){
:root {
--sidebar-width-sp: 0rem;
}
}