:root {
  --brand: #9b0089;
  --brand-dark: color-mix(in srgb, #9b0089 82%, #000);
  --accent: #9b0089;
  --hero-bg: #fff1eb;
  --hero-title: #0f172a;
  --hero-text: #64748b;
  --menu-link-color: #ffffff;
  --menu-link-hover-color: #111827;
}
body.extension-portal .site-header nav,
body.extension-portal header.site-header nav {
  background: transparent !important;
}
body.extension-portal .site-header nav ul.menu-main,
body.extension-portal .site-header nav ul.menu {
  background: var(--brand) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--brand) 22%, transparent) !important;
}
body.extension-portal .site-header nav ul li a,
body.extension-portal header.site-header nav ul li a {
  color: var(--menu-link-color) !important;
}
body.extension-portal .site-header nav ul li a:hover,
body.extension-portal .site-header nav ul li a:focus,
body.extension-portal .site-header nav ul li a.active {
  color: var(--menu-link-hover-color) !important;
  background: #ffffff !important;
}
body.extension-portal .site-header__cta,
body.extension-portal .portal-hero__cta,
body.extension-portal input[type="submit"],
body.extension-portal a.button {
  background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 80%, #000)) !important;
}

body:not(.page-ecommerce) .menu-categories-container{ color:#ffffff; background-color:#9b0089;}