:root {
                --color-primary: #f97316;
                --color-secondary: #fb923c;
                --color-primary-rgb: 249,115,22;
                --color-secondary-rgb: 251,146,60;
                --gradient-primary: linear-gradient(135deg, #f97316 0%, #fb923c 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);
            }

            .text-\[\#2F6CE5\]{ color: var(--color-primary); }
            .text-\[\#1F5BD8\], .hover\:text-\[\#2F6CE5\]:hover{ color: var(--color-secondary); }
            .hover\:border-\[\#2F6CE5\]:hover{ border-color: var(--color-primary); }

            .bg-\[\#2F6CE5\]{ background-color: var(--color-primary); }
            .hover\:bg-\[\#1F5BD8\]:hover { background-color: var(--color-secondary); }

            .bg-\[\#1F5BD8\]\/10 { background-color: rgba(var(--color-secondary-rgb), 0.1); }
            .bg-\[\#2F6CE5\]\/10 { background-color: rgba(var(--color-primary-rgb), 0.1); }
            
              .to-\[\#1F5BD8\] {
                --tw-gradient-to: var(--color-primary);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
            
           .from-\[\#2F6CE5\] {
                --tw-gradient-from: var(--color-secondary);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
            
            .review-like.liked svg{
                stroke: var(--color-secondary) !important;
                fill: var(--color-secondary) !important;
            }
            
                .svgs{
                stroke: var(--color-secondary) !important;
            }
            
            .hover\:bg-\[\#2F6CE5\]:hover{
                background-color: var(--color-secondary);
            }