﻿:root {
    --md-primary-fg-color: hsla(#{hex2hsl($clr-indigo-500)}, 1);
    --md-primary-fg-color--light: hsla(#{hex2hsl($clr-indigo-400)}, 1);
    --md-primary-fg-color--dark: hsla(#{hex2hsl($clr-indigo-700)}, 1);
    --md-primary-bg-color: hsla(0, 0%, 100%, 1);
    --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);

    --md-accent-fg-color: hsla(#{hex2hsl($clr-indigo-a200)}, 1);
    --md-accent-fg-color--transparent: hsla(#{hex2hsl($clr-indigo-a200)}, 0.1);
    --md-accent-bg-color: hsla(0, 0%, 100%, 1);
    --md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);

    .md-header {
        background-color: #1A1D25;
    }

    /* .md-typeset a {
        color: #8B8D95;
    }

    .md-typeset a:hover {
        color: var(--md-accent-fg-color);
    } */
}


[data-md-color-scheme="default"] {
    .md-header {
        background-color: white;
    }
}