:root{
                --color-primary: #5f91e3;
                --color-secondary: #476c9a;
                --gradient-primary: linear-gradient(135deg, #5f91e3 0%, #476c9a 100%) !important;
                --color-50: rgba(var(--color-primary-rgb), 0.05);
            --color-100: rgba(var(--color-primary-rgb), 0.1);
            --color-200: rgba(var(--color-primary-rgb), 0.2);
            --color-300: rgba(var(--color-primary-rgb), 0.3);
            --color-400: rgba(var(--color-primary-rgb), 0.4);
            --color-500: var(--color-primary);
            --color-600: var(--color-secondary);
            --color-700: rgba(var(--color-secondary-rgb), 0.7);
            --color-800: rgba(var(--color-secondary-rgb), 0.85);
            }
            
            .bg-blue-100 {
                background-color: var(--color-100);
            }
            
            .text-sky-600 {
                color: var(--color-secondary);
            }
                            
            .text-red-50    { color: var(--color-50) !important; }
            .text-red-100   { color: var(--color-100) !important; }
            .text-red-200   { color: var(--color-200) !important; }
            .text-red-300   { color: var(--color-300) !important; }
            .text-red-400   { color: var(--color-400) !important; }
            .text-red-500   { color: var(--color-500) !important; }
            .text-red-600   { color: var(--color-600) !important; }
            .text-red-700   { color: var(--color-700) !important; }
            .text-red-800   { color: var(--color-800) !important; }
            
            bg-red-50      { background-color: var(--color-50) !important; }
            .bg-red-100     { background-color: var(--color-100) !important; }
            .bg-red-200     { background-color: var(--color-200) !important; }
            .bg-red-300     { background-color: var(--color-300) !important; }
            .bg-red-400     { background-color: var(--color-400) !important; }
            .bg-red-500     { background-color: var(--color-500) !important; }
            .bg-red-600     { background-color: var(--color-600) !important; }
            .bg-red-700     { background-color: var(--color-700) !important; }
            .bg-red-800     { background-color: var(--color-800) !important; }

            .border-red-50  { border-color: var(--color-50) !important; }
            .border-red-100 { border-color: var(--color-100) !important; }
            .border-red-200 { border-color: var(--color-200) !important; }
            .border-red-300 { border-color: var(--color-300) !important; }
            .border-red-400 { border-color: var(--color-400) !important; }
            .border-red-500 { border-color: var(--color-500) !important; }
            .border-red-600 { border-color: var(--color-600) !important; }
            .border-red-700 { border-color: var(--color-700) !important; }
            .border-red-800 { border-color: var(--color-800) !important; }

            .hover\:text-red-600:hover { color: var(--color-600) !important; }
            .hover\:text-red-700:hover { color: var(--color-700) !important; }

            .hover\:bg-red-50:hover    { background-color: var(--color-50) !important; }
            .hover\:bg-red-100:hover   { background-color: var(--color-100) !important; }
            .hover\:bg-red-200:hover   { background-color: var(--color-200) !important; }
            .hover\:bg-red-600:hover   { background-color: var(--color-600) !important; }
            .hover\:bg-red-700:hover   { background-color: var(--color-700) !important; }

            .hover\:border-red-300:hover { border-color: var(--color-300) !important; }
            .hover\:border-red-600:hover { border-color: var(--color-600) !important; }

            .group:hover .group-hover\:bg-red-600 { background-color: var(--color-600) !important; }
            .group:hover .group-hover\:text-red-600 { color: var(--color-600) !important; }
            
            .text-red-600, .text-red-600:hover, .text-red-700, .text-blue-600{
                color: #476c9a !important;
            }
            
                .bg-blue-600{
                    background: #476c9a !important;
                }