:root {
                             --bs-primary: #Ffbb33;
                             --bs-link-color: #Ffbb33;
                             --bs-link-hover-color: #Ffbb33;
                             --bs-btn-border-color: #Ffbb33;
                        
                            --bs-border-color: #8f37ff;
                        
                            --bs-body-bg: #f7f7f7;
                        
                              --bs-body-color: #000;
                        
                            --bs-primary-dark: #f7f7f7;
                        
                            --bs-secondary-dark: #f7f7f7;
                        
                          --bs-dark-text-color: #000;
                        
                          --bs-border-color: #8f37ff;
                          --bs-dark-border-color: #8f37ff;
                        
                        --bs-body-font-size: 1rem;
                        }.btn-primary {
                          --bs-btn-border-color: #Ffbb33;
                          --bs-btn-bg: #Ffbb33;
                          --bs-btn-hover-bg: #ffc435;
                          --bs-btn-active-bg: #ffc435;
                          --bs-btn-hover-border-color: #ffc435;
                          --bs-btn-btn-active-border-color: #ffc435;
                        }
                        .btn-outline-primary {
                          --bs-btn-border-color: #Ffbb33;
                          --bs-btn-color: #Ffbb33;
                          --bs-btn-hover-bg: #ffc435;
                          --bs-btn-active-bg: #ffc435;
                          --bs-btn-hover-border-color: #ffc435;
                          --bs-btn-active-border-color: #ffc435;
                        }.auth-body{--bs-auth-bg: none}