: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)
}