:root {
  --color-primary: #ee191f;
  --color-secondry: #0b4c9f;
  --color-hover: #0b4c9f;
}

/* The rest of your CSS below has been updated */

#myNavbar li.active a,
.about-us .dlab-tabs .nav-tabs li.active a,
.active.current .project-owbx,
.active.current .project-owbx:after,
.bg-primary,
.blog-post.post-style-1 .dlab-post-meta:after,
.box-header .extra-nav .site-button:after,
.comments-area .comment-form p input[type=submit],
.counter-staus-box .play-btn span,
.counter-style-5:after,
.date-style-2 .post-date,
.date-style-3 .post-date,
.date-style-3.skew-date .post-date,
.date-style-3.skew-date .post-date:before,
.date-style-4 .post-date strong,
.dlab-accordion.primary .acod-head a,
.dlab-box-bg.active .icon-box-btn .site-button,
.dlab-project-left:after,
.dlab-separator.style-skew[class*=style-]:after,
.dlab-separator.style-skew[class*=style-]:before,
.dlab-team11 .dlab-info,
.dlab-team1:hover .dlab-info,
.dlab-team1:hover .dlab-info:after,
.dlab-team4 .dlab-social-icon li a.site-button:hover,
.dlab-team5 .dlab-border-left:after,
.dlab-team5 .dlab-border-left:before,
.dlab-team5 .dlab-border-right:after,
.dlab-team5 .dlab-border-right:before,
.dlab-team5 .dlab-social-icon li a.site-button:hover,
.dlab-team6 .dlab-info:after,
.dlab-team6 .dlab-info:before,
.dlab-team6 .dlab-position,
.dlab-team6 .dlab-title:after,
.dlab-team6 .dlab-title:before,
.dlab-team9 .dlab-media.dlab-media-right .dlab-info-has,
.dlab-team9 .dlab-title,
.dlab-tilte-inner.skew-title:after,
.download-file,
.exhibition-carousel:after,
.ext-sidebar-menu ul.menu li.active a,
.ext-sidebar-menu ul.menu li:hover a,
.ext-sidebar-menu.sidebar-widget ul.menu li.current-menu-item a,
.ext-sidebar-menu.sidebar-widget ul.menu li:hover a,
.filters2 ul li a:after,
.footer-line:after,
.frame-box .footer-title:after,
.frame-box .header-nav .nav>li>a,
.frame-box .service-list li:after,
.frame-box .site-header.center .is-fixed .container>.logo-header,
.ft-contact,
.header-curve.ext-header .extra-nav:after,
.header-curve.ext-header .extra-nav:before,
.header-curve.ext-header .logo-header:after,
.header-curve.ext-header .logo-header:before,
.header-nav .nav>li .mega-menu>li>ul li>a:after,
.header-nav .nav>li .sub-menu li>a:after,
.header-nav .nav>li.active>a:after,
.header-nav .nav>li>a:after,
.header-sidenav .extra-nav,
.header-sidenav .is-fixed .extra-nav,
.header-style-4.style-1 .header-nav .nav>li.active a:before,
.header-style-4.style-1 .header-nav .nav>li:hover>a:before,
.icon-bx-ho [class*=icon-bx-]:after,
.icon-bx-wraper.hover:hover,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar,
.list-num-count>li:before,
.meet-ask-row:after,
.navstyle3 .header-nav .nav>li .sub-menu,
.navstyle3 .header-nav .nav>li>.mega-menu,
.overlay-primary-dark:after,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.owl-btn-1.primary .owl-next,
.owl-btn-1.primary .owl-prev,
.owl-btn-2.primary .owl-next,
.owl-btn-2.primary .owl-prev,
.owl-dots-primary-big.owl-theme .owl-dots .owl-dot span,
.owl-dots-primary-full.owl-theme .owl-dots .owl-dot span,
.owl-item.active.center .testimonial-text,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active span,
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover span,
.owl-theme.dots-style-2 .owl-dots .owl-dot.active span,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active span,
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover span,
.pagination-bx.primary .pagination>li>a,
.pagination-bx.primary .pagination>li>span,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.portbox3 .portinner .port-down,
.portfolio-ic .dlab-img-overlay1:before,
.portfolio-sep,
.product-item-size .btn.active,
.request-form .input-group:after,
.request-form .request-form-header,
.searchform input[type=submit],
.service-box-3 .title,
.service-box.style1:after,
.service-box.style3 .icon-bx-wraper:after,
.service-box.style4:hover .no,
.service-box.style5 .icon-content .link-btn,
.service-carousel .owl-next,
.service-carousel .owl-prev,
.service-media-bx:after,
.side-bar .widget_tag_cloud a:hover,
.sidenav ul li a:hover,
.site-button,
.site-filters .active>[class*=site-button],
.site-footer.style1 .footer-bottom-in .footer-bottom-logo a,
.site-footer.style1 .footer-title:after,
.skew-angle:after,
.social-curve:after,
.social-curve:before,
.tabs-site-button .nav-tabs li a.active,
.tabs-site-button .nav-tabs li a.active:focus,
.tabs-site-button .nav-tabs li a.active:hover,
.testimonial-1 .quote-left:before,
.testimonial-12 .testimonial-detail,
.testimonial-2 .quote-left:before,
.testimonial-text.bg-primary,
.ui-widget-header,
.widget-title:after,
.widget_calendar table tbody td#today,
.widget_getintuch-pro-details .pro-details i,
[class*=list-].list-box>li:before,
button.scroltop {
  background-color: var(--color-primary) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-secondry {
  color: var(--color-secondry) !important;
}

.bg-secondry {
  background-color: var(--color-secondry) !important;
}

.site-button:hover,
button.scroltop:hover,
.searchform input[type=submit]:hover {
  background-color: var(--color-hover) !important;
}

a:hover,
a:focus {
  color: var(--color-hover) !important;
}

/* Add more replacements as needed based on your selectors */