:root {
  --client-primary-color: #6018bf;
  --client-secondary-color: #1e0d35;
  --client-tertiary-color: #ed4ff2;
  --client-primary-color-20-opacity: #6018bf13;
  --client-font: Chromatophore, sans-serif;
  --client-font-primary-color: #1e0d35;
  --client-font-secondary-color: #fff;
  --client-font-light-color: #fff;
  --client-font-monospace: Courier, monospace;
}

@font-face {
  font-family: Chromatophore;
  font-style: normal;
  font-weight: 300;
  src: url("./Chromatophore-Light.3382b91ef584.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Chromatophore;
  font-style: normal;
  font-weight: 500;
  src: url("./Chromatophore-Medium.f6c69d69b171.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Chromatophore;
  font-style: normal;
  font-weight: 700;
  src: url("./Chromatophore-Bold.e902de2d60cb.woff2") format("woff2");
  font-display: swap;
}

/* Common styling override */
.documentation-header__wrapper .documentation-navigation ul li a:hover,
.documentation-header__wrapper
  .documentation-navigation
  ul
  li
  button.tako-link:hover {
  color: var(--client-tertiary-color);
}