body{background:var(--template8-bg);color:var(--template8-text)}
a:focus,a:hover,.navigation .navbar-light .navbar-nav .nav-item.active .nav-link,.header-bradcrumb a:hover,.top-footer li a:hover,.footer-bottom a,.about-2 .checklist li:before,.counters-item i,.post-body time,.template8-blog-article time,.contact-card a{color:var(--template8-primary)}
.btn-main,.about .btn-about,.slick-arrow:hover,.contact-form #contact-submit,.social-icon ul li a:hover,.pricing-table .btn-price,.portfolio-filter button.active,.portfolio-block .caption .search-icon,.services .service-block.color-bg,.service-2 .service-item i,.team-skills .progress-block .progress .progress-bar,.development-steps .step-2,.testimonial,.comment-form .btn-primary,.widget-search .widget-search-btn,.widget-categories-list li a:hover{background:var(--template8-primary);border-color:var(--template8-primary)}
.service-2 .service-item{background:color-mix(in srgb,var(--template8-primary) 10%,transparent)}
.service-2 .service-item:hover i{color:var(--template8-primary)}
.title h2:before,.section-title h2:before,.section-intro h2:after,.split-content h2:after{background:var(--template8-accent)}
.content-section.soft,.service-panel:nth-child(even){background:var(--template8-surface)}
.value-card,.segment-card,.testimonial-card,.post-card,.contact-card,.service-nav a{background:var(--template8-bg)}
.value-card,.testimonial-card{border-color:var(--template8-accent)}
.split-visual{box-shadow:18px 18px 0 var(--template8-accent)}
.stats-strip,.service-icon-box,.contact-cta,.navigation .dropdown-menu,.top-footer{background:var(--template8-surface-strong)}
.stats-grid strong,.segment-card i,.contact-card i,.service-icon-box,.service-panel li:before,.page-hero .breadcrumb-e2 a{color:var(--template8-accent)}
.service-nav a:hover,.service-nav a.active,.e2-button,.template8-pagination a.active,.template8-pagination a:hover{background:var(--template8-accent);border-color:var(--template8-accent)}
.section-intro h2,.split-content h2,.value-card h3,.testimonial-card strong,.service-nav a,.post-body h2,.contact-card h2{color:var(--template8-text)}
.section-intro p,.split-content p,.value-card p,.service-panel p,.contact-card p,.post-body p,.service-panel li,.testimonial-card blockquote{color:var(--template8-text-soft)}
.post-cover{background:linear-gradient(135deg,var(--template8-primary-dark),var(--template8-primary))}
.post-card:nth-child(2n) .post-cover{background:linear-gradient(135deg,var(--template8-primary),var(--template8-accent))}
.page-hero{background-color:var(--template8-primary-dark)}
.footer-bottom{background:var(--template8-primary-dark)}
.footer-bottom h5,.footer-bottom h6{color:var(--template8-bg)}
.footer-bottom h5{opacity:.78}
.post-content blockquote{border-color:var(--template8-primary)}
.contact-form input:focus,.contact-form textarea:focus,.comment-reply-form input:focus,.comment-reply-form textarea:focus{border-color:var(--template8-primary)}
@media(max-width:991px){.inner-navigation,.inner-navigation .navbar-collapse,.navigation{background:var(--template8-bg)}.inner-navigation .navbar-light .navbar-nav .nav-link,.navigation .navbar-light .navbar-nav .nav-item .nav-link{color:var(--template8-text)}}
