body.transparent-header .wp-site-blocks > header + * {
  margin-top: calc(var(--header-min-height, 65px) * -2);
}

body {
  --header-min-height: 65px;
}

header {
  --color: var(--wp--preset--color--contrast);
  --dropdown-bg-color: var(--wp--preset--color--base);
  --mobile-bg-color: var(--wp--preset--color--custom-secondary-faded);
  --toggle-color: var(--wp--preset--color--contrast) //--header-bg-color: red;
}
header .wp-block-button__link {
  --color: var(--button-primary-color, var(--wp--preset--color--base));
  --color-active: var(--button-primary-color, var(--wp--preset--color--base));
  --color-hover: var(--button-primary-color-hover, var(--wp--preset--color--base));
}

@media (min-width: 777px) {
  body.transparent-header .wp-site-blocks > header:not(.is-sticky) {
    --color: var(--wp--preset--color--base);
  }
  body.transparent-header .wp-site-blocks > header:not(.is-sticky) .navigation-items-item.is-level-1,
  body.transparent-header .wp-site-blocks > header:not(.is-sticky) .navigation-items-item.is-level-2 {
    --color: var(--wp--preset--color--contrast);
  }
}