:root>* {
    --md-footer-bg-color: var(--md-primary-fg-color-codemarket-blue-dark);
    --md-footer-bg-color--dark: rgba(0,0,0,.32);
}

[data-md-color-primary=cyan] {
    --md-primary-fg-color: #2C3962;
    --md-primary-fg-color--light: #25c5da;
    --md-primary-fg-color--dark: #0097a8;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: hsla(0,0%,100%,.7);
}

[data-md-color-primary=blue-grey] {
    --md-primary-fg-color: #00AEEF;
    --md-primary-fg-color--light: #607c8a;
    --md-primary-fg-color--dark: #386477;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: hsla(0,0%,100%,.7);
    --md-primary-fg-color-codemarket-blue-dark: #2C3962;
    --md-primary-fg-color-codemarket-blue-light: #00AEEF;
}

.md-header {
    background-color: var(--md-primary-fg-color-codemarket-blue-dark);
    box-shadow: 0 0 0.2rem transparent, 0 0.2rem 0.4rem transparent;
    color: var(--md-primary-bg-color);
    left: 0;
    position: sticky;
    right: 0;
    top: 0;
    z-index: 4;
}

.md-tabs {
    background-color: var(--md-primary-fg-color-codemarket-blue-light);
    color: var(--md-primary-bg-color);
    overflow: auto;
    width: 100%;
}