:root {
  --brand-primary: #f4cf3b;
  --brand-header: #424746;
  --brand-footer: #2b302f;
  --brand-button-text: #242827;
  --brand-link-color: #856600;
  --brand-logo-height: 56px;
  --heading-color: #424746;
  --default-color: #454a49;
  --contrast-color: var(--brand-button-text);
  --accent-color: var(--brand-primary);
  --nav-hover-color: var(--brand-primary);
  --nav-dropdown-hover-color: var(--brand-link-color);
}

.light-background {
  --background-color: #f5f5f0;
}

.dark-background {
  --background-color: var(--brand-footer);
  --surface-color: #424746;
  --contrast-color: var(--brand-button-text);
}

.header,
.scrolled .header {
  --background-color: var(--brand-header);
}

.scrolled .header {
  box-shadow: 0 0 18px rgba(43, 48, 47, 0.18);
}

.footer.dark-background {
  --background-color: var(--brand-footer);
}

.header .logo .brand-logo,
.footer .logo .brand-logo {
  height: var(--brand-logo-height);
  max-height: var(--brand-logo-height);
  width: auto;
  object-fit: contain;
}

.header .logo .brand-logo {
  border-radius: 4px;
  background: #ffffff;
  padding: 2px;
}

.clients .client-logo img[alt="Alpilink Groupe"] {
  filter: none;
  opacity: 1;
}

.hero .btn-get-started,
.scroll-top {
  color: var(--brand-button-text);
}

.header .btn-getstarted {
  color: #ffffff;
}

.header .btn-getstarted:hover {
  color: var(--brand-button-text);
}

main a:not(.btn-get-started):not(.nav-link):not(.glightbox) {
  color: var(--brand-link-color);
}

.footer a:hover {
  color: var(--brand-primary);
}