:root {
    --mygreat-brand-violet: #927daf80;
    --mygreat-brand-mauve: #bd89b3;
    --mygreat-brand-rose: #dfa8c5;
    --mygreat-brand-shell: #0f1115;
    --mygreat-brand-shell-soft: #151a22;
    --mygreat-brand-sidebar: #141824;
    --mygreat-brand-surface: #171d2b;
    --mygreat-brand-border-dark: #2b2f3a;
    --mygreat-brand-border-light: #d5deea;
    --mygreat-brand-link-dark: #9ecbff;
    --mygreat-brand-link-light: #0d6efd;
}

[data-md-color-scheme="default"] {
    --md-default-bg-color: #f4f7fb;
    --md-default-bg-color--light: #ffffff;
    --md-default-bg-color--lighter: #edf2f8;
    --md-default-bg-color--lightest: #f8fbff;
    --md-default-fg-color: #1d2430;
    --md-default-fg-color--light: #66758a;
    --md-default-fg-color--lighter: #556579;
    --md-default-fg-color--lightest: rgba(29, 36, 48, 0.12);
    --md-primary-fg-color: var(--mygreat-brand-violet);
    --md-primary-fg-color--light: var(--mygreat-brand-mauve);
    --md-primary-fg-color--dark: #7e6a99;
    --md-primary-bg-color: #ffffff;
    --md-accent-fg-color: var(--mygreat-brand-mauve);
    --md-accent-fg-color--transparent: rgba(189, 137, 179, 0.12);
    --md-typeset-a-color: var(--mygreat-brand-link-light);
}

[data-md-color-scheme="slate"] {
    --md-default-bg-color: var(--mygreat-brand-shell);
    --md-default-bg-color--light: var(--mygreat-brand-shell-soft);
    --md-default-bg-color--lighter: var(--mygreat-brand-surface);
    --md-default-bg-color--lightest: #1b2232;
    --md-default-fg-color: #e6e6e6;
    --md-default-fg-color--light: #b9c2d3;
    --md-default-fg-color--lighter: #9aa0a6;
    --md-default-fg-color--lightest: rgba(230, 230, 230, 0.12);
    --md-primary-fg-color: var(--mygreat-brand-sidebar);
    --md-primary-fg-color--light: #1b2232;
    --md-primary-fg-color--dark: #0b0d12;
    --md-primary-bg-color: #eef4ff;
    --md-accent-fg-color: var(--mygreat-brand-mauve);
    --md-accent-fg-color--transparent: rgba(189, 137, 179, 0.16);
    --md-typeset-a-color: var(--mygreat-brand-link-dark);
}

.md-header {
    border-bottom: 1px solid var(--mygreat-brand-border-dark);
    box-shadow: none;
}

[data-md-color-scheme="default"] .md-header {
    border-bottom-color: var(--mygreat-brand-border-light);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 1.6rem;
    width: auto;
}

.md-search__form,
.md-search__input,
.md-search__output {
    border-radius: 999px;
}

[data-md-color-scheme="slate"] .md-search__form {
    background-color: rgba(255, 255, 255, 0.06);
}

[data-md-color-scheme="default"] .md-search__form {
    background-color: rgba(29, 36, 48, 0.06);
}

.md-typeset a:hover {
    color: var(--mygreat-brand-rose);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
    letter-spacing: -0.02em;
}

[data-md-color-scheme="slate"] .md-typeset code {
    background-color: rgba(255, 255, 255, 0.06);
}

[data-md-color-scheme="default"] .md-typeset code {
    background-color: rgba(20, 24, 36, 0.06);
}