:root {
    --nss-color-header-bg: var(--nss-color-scheme-1);
    --nss-color-header-text: var(--nss-color-scheme-2);
    --nss-color-header-logo: var(--nss-color-scheme-2);
    --nss-color-header-border: var(--nss-color-scheme-4);
    /*
    --nss-color-header-cart-badge: var(--nss-color-scheme-1);*/
    --nss-color-header-cart-badge: var(--nss-color-scheme-3);

    --nss-color-hover-header-bg: var(--nss-color-scheme-1);
    --nss-color-hover-header-text: var(--nss-color-scheme-3);
    --nss-color-hover-header-logo: var(--nss-color-scheme-2);
    --nss-color-hover-header-border: var(--nss-color-scheme-4);
    --nss-color-hover-header-cart-badge: var(--nss-color-scheme-1);}

  [data-section-id="nss-header"] {
    background-color: var(--nss-color-header-bg);
    color: var(--nss-color-header-text);
  }

  [data-section-id="nss-header"]::after {
    background-color: var(--nss-color-header-border);
  }

  [data-section-id="nss-header"] .nss-header__logo {
    color: var(--nss-color-header-logo);
  }

  [data-section-id="nss-header"] [nss-cart-badge-count] {
    color: var(--nss-color-header-cart-badge);
  }

  body.nss-no-scroll [data-section-id="nss-header"],
  nss-header-group.nss-scrolled,
  nss-header-group::hover,
  nss-header-group.nss-scrolled [data-section-id="nss-header"],
  nss-header-group::hover [data-section-id="nss-header"] {
    background-color: var(--nss-color-hover-header-bg);
    color: var(--nss-color-hover-header-text);
  }

  body.nss-no-scroll [data-section-id="nss-header"]::after,
  nss-header-group.nss-scrolled [data-section-id="nss-header"]::after,
  nss-header-group::hover [data-section-id="nss-header"]::after {
    background-color: var(--nss-color-hover-header-border);
  }

  body.nss-no-scroll [data-section-id="nss-header"] .nss-header__logo,
  nss-header-group.nss-scrolled [data-section-id="nss-header"] .nss-header__logo,
  nss-header-group::hover [data-section-id="nss-header"] .nss-header__logo {
    color: var(--nss-color-hover-header-logo);
  }

  body.nss-no-scroll [data-section-id="nss-header"] [nss-cart-badge-count],
  nss-header-group.nss-scrolled [data-section-id="nss-header"] [nss-cart-badge-count],
  nss-header-group::hover [data-section-id="nss-header"] [nss-cart-badge-count] {
    color: var(--nss-color-header-cart-badge);
  }