/*  Base Values  */
:root [data-md-color-scheme="wh_white"],
:root [data-md-color-scheme="wh_dark"] {
    /* colors */
    --primary-color: hsl(190, 35%, 65%);
    --secondary-color: hsl(275, 22%, 70%);

    /* lightness transform values */
    --ts-light-1: 10;
    --ts-light-2: 20;

    --ts-dark-1: -10;
    --ts-dark-2: -20;
}

:root [data-md-color-scheme="wh_white"],
:root [data-md-color-scheme="wh_dark"] {
    /* Typesets */
    --md-accent-bg-color: #fff;

    /* Primary */
    --md-primary-fg-color: var(--primary-color);
    --md-primary-fg-color--light: var(--primary-color-light-1);
    --md-primary-fg-color--dark: var(--primary-color-dark-1);
    --md-primary-bg-color: #fff;
}

:root [data-md-color-scheme="wh_white"] {
    --md-typeset-a-color: var(--primary-color-dark-2);

    /* Accents */
    --md-accent-fg-color: var(--secondary-color-dark-2);
    --md-accent-fg-color--transparent: hsl(var(--secondary-color-h),
            var(--secondary-color-s),
            calc(var(--secondary-color-dark-2-l) * 0.5));
}

:root [data-md-color-scheme="wh_dark"] {
    --md-typeset-a-color: var(--primary-color-dark-1);
}

:root [data-md-color-scheme="wh_dark"] {
    --md-typeset-a-color: var(--primary-color-dark-1);

    /* Accents */
    --md-accent-fg-color: var(--secondary-color-dark-1);
    --md-accent-fg-color--transparent: hsl(var(--secondary-color-h),
            var(--secondary-color-s),
            calc(var(--secondary-color-dark-1-l) * 0.5));
}

.md-tabs__link {
    color: #fff;
    opacity: 1;
}

:root [data-md-color-scheme="wh_dark"] {
    --md-hue: 232;
    --md-default-fg-color: hsla(var(--md-hue), 75%, 95%, 1);
    --md-default-fg-color--light: hsla(var(--md-hue), 75%, 90%, 0.62);
    --md-default-fg-color--lighter: hsla(var(--md-hue), 75%, 90%, 0.32);
    --md-default-fg-color--lightest: hsla(var(--md-hue), 75%, 90%, 0.12);
    --md-default-bg-color: hsla(var(--md-hue), 15%, 21%, 1);
    --md-default-bg-color--light: hsla(var(--md-hue), 15%, 21%, 0.54);
    --md-default-bg-color--lighter: hsla(var(--md-hue), 15%, 21%, 0.26);
    --md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 21%, 0.07);
    --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 1);
    --md-code-bg-color: hsla(var(--md-hue), 15%, 15%, 1);

    --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12);
    --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2);
    --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);
    --md-typeset-table-color: hsla(var(--md-hue), 75%, 95%, 0.12);

    --md-footer-bg-color: hsla(var(--md-hue), 15%, 12%, 0.87);
    --md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 10%, 1);

    --md-code-hl-color: rgba(66, 135, 255, .15);
    --md-code-hl-number-color: #e6695b;
    --md-code-hl-special-color: #f06090;
    --md-code-hl-function-color: #c973d9;
    --md-code-hl-constant-color: #9383e2;
    --md-code-hl-keyword-color: #6791e0;
    --md-code-hl-string-color: #2fb170;
    --md-code-hl-name-color: var(--md-code-fg-color);
    --md-code-hl-operator-color: var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
    --md-code-hl-comment-color: var(--md-default-fg-color--light);
    --md-code-hl-generic-color: var(--md-default-fg-color--light);
    --md-code-hl-variable-color: var(--md-default-fg-color--light);
    --md-typeset-color: var(--md-default-fg-color);
    --md-typeset-a-color: var(--md-primary-fg-color);
    --md-typeset-mark-color: rgba(66, 135, 255, .3);

    --md-admonition-fg-color: var(--md-default-fg-color);
    --md-admonition-bg-color: var(--md-default-bg-color);

    --md-shadow-z1: 0 0.2rem 0.5rem rgba(0, 0, 0, .2), 0 0 0.05rem rgba(0, 0, 0, .1);
    --md-shadow-z2: 0 0.2rem 0.5rem rgba(0, 0, 0, .3), 0 0 0.05rem rgba(0, 0, 0, .25);
    --md-shadow-z3: 0 0.2rem 0.5rem rgba(0, 0, 0, .4), 0 0 0.05rem rgba(0, 0, 0, .35)
}