:root {
    --brand-header: #FFFFFF;
    --brand-footer: #f5f5fd;
    --brand-button: #5B22E6;
    --brand-button-hover: #7235F4;
    --brand-gradient: linear-gradient(135deg, #3C1DB6 0%, #5B22E6 50%, #7235F4 100%);
    --brand-link: #5B22E6;
    --brand-bg: #FFFFFF;
    --brand-text: #1A1A1A;
    --accent-color: #5B22E6;
    --default-color: #1A1A1A;
    --heading-color: #1A1A1A;
    --background-color: #FFFFFF;
}

body {
    background: var(--brand-bg);
    color: var(--brand-text);
}

a,
.accent-text,
.navmenu a.active,
.navmenu a:hover,
.footer .footer-links ul a:hover {
    color: var(--brand-link) !important;
}

a:hover {
    color: var(--brand-button-hover) !important;
}

.header,
.header .header-container {
    background: var(--brand-header) !important;
}

.footer {
    background: var(--brand-footer) !important;
}

.header .logo img {
    max-height: 46px;
    width: auto;
    object-fit: contain;
}

.navmenu a {
    color: var(--brand-text) !important;
}

.header .btn-getstarted {
    color: #fff !important;
}

.footer,
.footer h4,
.footer p {
    color: var(--brand-text) !important;
}

.footer a {
    color: var(--brand-link) !important;
}

.navmenu a:hover,
.navmenu .active {
    color: var(--brand-link) !important;
}

.footer a:hover {
    color: var(--brand-button-hover) !important;
}

.btn-primary,
.btn-getstarted,
.scroll-top,
.pricing-card .btn,
.contact .php-email-form button[type=submit] {
    border-color: var(--brand-button) !important;
    background: var(--brand-gradient) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-getstarted:hover,
.scroll-top:hover,
.pricing-card .btn:hover,
.contact .php-email-form button[type=submit]:hover {
    border-color: var(--brand-button-hover) !important;
    background: var(--brand-gradient) !important;
    color: #fff !important;
}

.btn-link {
    color: var(--brand-link) !important;
}

.company-badge,
.stat-icon,
.feature-box .icon,
.icon-box .icon,
.pricing-card.popular {
    border-color: rgba(91, 34, 230, 0.18) !important;
}

.company-badge,
.stat-icon,
.feature-box .icon,
.icon-box .icon {
    background: rgba(91, 34, 230, 0.08) !important;
    color: var(--brand-link) !important;
}

.pricing-card.popular {
    background: linear-gradient(135deg, #3C1DB6 0%, #5B22E6 50%, #7235F4 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 45px rgba(91, 34, 230, 0.28) !important;
}

.pricing-card.popular h3,
.pricing-card.popular h4,
.pricing-card.popular .description,
.pricing-card.popular .features-list li,
.pricing-card.popular .features-list li i,
.pricing-card.popular .price .currency,
.pricing-card.popular .price .amount,
.pricing-card.popular .price .period,
.pricing-card.popular .text-primary {
    color: #fff !important;
}

.popular-badge {
    background: #fff !important;
    color: var(--brand-button) !important;
}

.pricing-card.popular .btn,
.pricing-card.popular .btn-light {
    border-color: #fff !important;
    background: #fff !important;
    color: var(--brand-button) !important;
}

.pricing-card.popular .btn:hover,
.pricing-card.popular .btn-light:hover {
    border-color: #fff !important;
    background: #f5f5fd !important;
    color: var(--brand-button-hover) !important;
}

.call-to-action .container,
.call-to-action-2 {
    background: var(--brand-gradient) !important;
}

.call-to-action .btn-cta,
.call-to-action-2 .cta-btn {
    border-color: #fff !important;
    background: #fff !important;
    color: var(--brand-button) !important;
}

.call-to-action .btn-cta:hover,
.call-to-action-2 .cta-btn:hover {
    background: #f5f5fd !important;
    color: var(--brand-button-hover) !important;
}

.contact .info-box {
    border: 0 !important;
    background: var(--brand-gradient) !important;
    color: #fff !important;
    box-shadow: 0 18px 45px rgba(91, 34, 230, 0.24) !important;
}

.contact .info-box h3,
.contact .info-box p,
.contact .info-box .info-item h4,
.contact .info-box .info-item p,
.contact .info-box .info-item a {
    color: #fff !important;
}

.contact .info-box .info-item i {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
}

@media (max-width: 1199px) {
    .navmenu ul {
        background: #fff !important;
    }

    .navmenu a {
        color: var(--brand-text) !important;
    }
}