:root {
	--primary: #4F46E5; /* Indigo */
	--primary-hover: #4338CA;
	--primary-light: rgba(79, 70, 229, 0.1);
	--secondary: #06B6D4; /* Cyan */
	--secondary-hover: #0891b2;
	--gradient-brand: linear-gradient(135deg, #4F46E5, #06B6D4);
	--text-dark: #0F172A; /* Slate 900 */
	--text-light: #64748B; /* Slate 500 */
	--bg-body: #F8FAFC; /* Slate 50 */
	--bg-surface: #FFFFFF;
	--bg-dark: #0f172a;
	--radius: 12px;
}

.mu-primary-btn:hover,
.mu-primary-btn:focus,
.mu-copy-right a:hover,
.mu-copy-right a:focus,
.mu-send-msg-btn:hover,
.mu-send-msg-btn:focus,
.mu-apple-btn:hover,
.mu-google-btn:hover,
.mu-windows-btn:hover,
.mu-apple-btn:focus,
.mu-google-btn:focus,
.mu-windows-btn:focus,
.mu-feature-content-right .media:hover .media-heading,
.mu-apps-screenshot-slider .slick-next::before,
.mu-apps-screenshot-slider .slick-prev::before,
.mu-apps-screenshot-slider-1 .slick-next::before,
.mu-apps-screenshot-slider-1 .slick-prev::before,
.mu-faq-content .panel-title a:hover,
.mu-faq-content .panel-title a:focus,
.mu-faq-content .panel-title a[aria-expanded="true"],
.mu-faq-content .panel-title a>span,
.mu-menu ul li a:hover,
.mu-menu ul li a:focus {
	color: var(--secondary);
}

.mu-social-media a:hover,
.mu-social-media a:focus,
.mu-contact-right-single .mu-icon {
	border-color: var(--secondary);
	color: var(--secondary);
}

.mu-contact-form .form-control:focus {
	border-color: var(--primary);    
	box-shadow: 0 0 0 3px var(--primary-light);
} 

.mu-send-msg-btn {
	background: var(--gradient-brand);
	border: none;
}

.mu-header-overlay {
	background: linear-gradient(to right, rgba(15, 23, 42, 0.8), rgba(79, 70, 229, 0.9));
}

.mu-menu-btn,
.mu-title-dot,
.mu-title-dot::before,
.mu-title-dot::after,
.mu-feature-btn,
.mu-video-overlay {
	background: var(--gradient-brand);
}

.mu-feature-content-right .media:hover {
	border-bottom: 1px solid var(--secondary);
}

.mu-apps-screenshot-slider .slick-next,
.mu-apps-screenshot-slider .slick-prev,
.mu-apps-screenshot-slider-1 .slick-next,
.mu-apps-screenshot-slider-1 .slick-prev {
	border: 2px solid var(--secondary);
	color: var(--secondary);
}

.mu-faq-content .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--secondary);
}