:root {
                --primary-color: #008cb4 !important;
                --warning-color: #ff3a30 !important;
                --danger-color: #ff5252 !important;
                --text-color: #666666 !important;
            }

            /* General Text */
            body,
            body .form-group label,
            body .form-control {
                color: #666666;
            }

            /* Primary Color Elements */
            body .btn-primary, 
            body footer,
            body .st-bg3,
            body .page-item.active .page-link {
                background: #008cb4 !important;
                border-color: #008cb4 !important;
                color: #fff !important;
            }

            body .btn-outline-primary {
                color: #008cb4 !important;
                border-color: rgba(112, 112, 112, 0.2) !important;
            }

            body .btn-outline-primary:hover {
                background: #008cb4 !important;
                border-color: #008cb4 !important;
                color: #fff !important;
            }

            /* Warning Color - Active States */
            body .btn-warning,
            body .main-menu ul li.active a,
            body .menu_xs li.active a,
            body .cart,
            body .back i,
            body .category-slider a.item.active,
            body .st-bg2,
            body .nav-pills .nav-link.active, 
            body .nav-pills .show > .nav-link,
            body .nav-link.btn-warning {
                background: #ff3a30 !important;
                border-color: #ff3a30 !important;
                color: #fff !important;
            }

            body .text-warning,
            body .text-pending,
            body .st-box .number,
            body .verify-inputs input {
                color: #ff3a30 !important;
            }

            /* Accent Color - Success States */
            body .btn-success,
            body .status-confirmed {
                background: #059669 !important;
                border-color: #059669 !important;
                color: #fff !important;
            }

            body .text-success,
            body .text-confirmed {
                color: #059669 !important;
            }

            /* Danger Color - Error States */
            body .btn-danger,
            body .st-bg1,
            body .delete-btn {
                background: #ff5252 !important;
                border-color: #ff5252 !important;
                color: #fff !important;
            }

            body .text-danger,
            body .text-canceled,
            body .form-group label.error {
                color: #ff5252 !important;
            }

            body .dot,
            body .dot1 {
                background: #ff5252 !important;
            }

            /* Menu Items */
            body .main-menu ul li a,
            body .menu_xs li a {
                color: #666666;
            }

            body .main-menu ul li.active svg path,
            body .menu_xs li.active svg path,
            body .main-menu ul li.active svg g,
            body .menu_xs li.active svg g {
                fill: #fff !important;
                opacity: 1 !important;
            }

            /* Footer */
            body footer a,
            body footer h3,
            body footer .copyright {
                color: #fff !important;
            }

            body footer a:hover {
                color: #fff !important;
                padding-left: 5px !important;
            }

            /* Mobile Specific */
            @media (max-width: 991px) {
                body .btn-search2,
                body .btn-filter {
                    color: #ff3a30 !important;
                }
            }

            /* Other Elements */
            body .view_qr {
                border-color: #008cb4 !important;
            }

            body .page-link {
                color: #008cb4 !important;
            }

            body .plink a:hover {
                color: #ff3a30 !important;
            }

            body .st-bg2 .plink a:hover {
                color: #ff5252 !important;
            }