/* Text utility */
/* Mobile utility */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
body {
  background-color: var(--wp--preset--color--midnight-blue);
  color: var(--wp--preset--color--white);
}

body.page-template-black-bg-page,
body.page-template-tpl-black-bg {
  background-color: #0c0c0c;
}

body.is-prism-page {
  background-color: var(--wp--preset--color--black);
}

:root {
  --header-bar-height: 4.8125rem;
  --header-bar-height-compact: 3.75rem;
  --topbar-height: 0px;
  --header-height: calc(var(--header-bar-height) + var(--topbar-height));
  --header-height-mobile: var(--header-height);
}

html:has(.l-site-header.has-topbar),
body.has-topbar {
  --topbar-height: 2.25rem;
}

@media screen and (max-width: 1024px) {
  html:has(.l-site-header.has-topbar),
  body.has-topbar {
    --topbar-height: 0px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --header-height: calc(var(--header-bar-height-compact) + var(--topbar-height));
    --header-height-mobile: var(--header-height);
  }
}