:root {
    /* 🎨 Change this single hex code to update the primary brand color everywhere */
    --brand-primary: #7c3aed; 
}

/* ==========================================
   1. TEXT HIGHLIGHTS & LOGOS
   ========================================== */
.nn-brand-name span,
.nn-drawer-brand-name span,
.nn-text-gradient,
.nn-section-title span,
.nn-section-header h2 .highlight,
.nn-services-hero h1 .highlight {
    color: var(--brand-primary) !important;
    background: none !important;
    -webkit-text-fill-color: initial !important; 
}

/* ==========================================
   2. BUTTONS & BACKGROUNDS
   ========================================== */
.nn-btn-solid,
.nn-drawer-btn-solid,
.nn-newsletter-form button,
.nn-footer-newsletter button,
.nn-sidebar-logout,
.hero-section,
.cta-section {
    background: var(--brand-primary) !important;
}