:root {
    --md-primary-fg-color: #5E409D;
    --md-primary-fg-color--light: #D0A215;
    --md-primary-fg-color--dark: #8B7EC8;
    --md-admonition-icon--people: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 76 76" xmlns="http://www.w3.org/2000/svg"><path d="M 55.4167,44.3333L 60.9583,51.4583L 55.4167,58.5833L 49.0833,58.5833L 53.1736,53.8333L 45.9167,53.8333L 45.9167,49.0833L 53.1736,49.0833L 49.0833,44.3333L 55.4167,44.3333 Z M 33.25,15.8333C 37.6222,15.8333 41.1667,19.3778 41.1667,23.75C 41.1667,28.1223 37.6222,31.6667 33.25,31.6667C 28.8777,31.6667 25.3333,28.1223 25.3333,23.75C 25.3333,19.3778 28.8778,15.8333 33.25,15.8333 Z M 25.3333,42.75C 24.2778,43.2778 22.1667,47.4999 22.1667,47.4999C 22.1667,47.4999 21.1111,49.0833 20.5833,55.4166L 15.8333,53.8333L 17.4167,45.9167C 17.4167,45.9167 20.5833,34.8333 26.9166,34.8335L 39.5832,34.8335C 43.6816,34.8334 46.4539,39.4744 47.9002,42.75L 45.9167,42.75L 49.0833,47.5L 44.3334,47.5C 44.3334,47.5 42.2222,43.2778 41.1666,42.75L 41.8064,57.1293C 39.3996,58.0681 36.7808,58.5833 34.0416,58.5833C 30.7028,58.5833 27.5427,57.8178 24.7274,56.4526L 25.3333,42.75 Z "/></svg>')
}

.md-typeset .admonition.people,
.md-typeset details.people {
    border-color: #8B7EC8;
}

.md-typeset .people>.admonition-title,
.md-typeset .people>summary {
    background-color: #7c4dff1a;
}

.md-typeset .people>.admonition-title::before,
.md-typeset .people>summary::before {
    background-color: #8080D0;
    -webkit-mask-image: var(--md-admonition-icon--people);
    mask-image: var(--md-admonition-icon--people);
}


/* [data-md-color-scheme="slate"] {
    --md-hue: 120; 
} */

/* [data-md-color-scheme="youtube"] {
    --md-primary-fg-color:        #EE0F0F;
    --md-primary-fg-color--light: #ECB7B7;
    --md-primary-fg-color--dark:  #90030C;
} */

h1 {
    text-align: center;
    margin: 0 0 px2em(40px, 32px);
    font-size: px2em(32px);
    font-weight: 500;
    line-height: 1.3;
    color: var(--md-primary-fg-color--light);
    /* width: fit-content; */
    /* border: 1px transparent; */
    /* text-transform: none; */
    /* margin: 0 auto; */
    /* background: linear-gradient(to right, var(--md-code-hl-special-color), var(--md-code-hl-constant-color)); */
    background: radial-gradient(at center, var(--md-code-hl-special-color), var(--md-code-hl-constant-color));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    letter-spacing: -0.01em;
}

h2 {
    text-align: center;
    margin: px2em(40px, 25px) 0 px2em(16px, 25px);
    font-size: px2em(25px);
    font-weight: 500;
    line-height: 1.3;
    color: var(--md-default-fg-color--light);
    /* width: fit-content; */
    /* margin: auto; */
    /* background: linear-gradient(to right, var(--md-code-hl-function-color), var(--md-code-hl-constant-color)); */
    background: radial-gradient(at center, var(--md-accent-fg-color), var(--md-code-hl-constant-color));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    letter-spacing: -0.01em;
}

.md-post--excerpt {
    text-align: center !important;
}

.md-post__meta {
    text-align: center !important;
}

.md-post__header {
    align-items: center;
    display: flex;
    gap: 0.6rem;
    min-height: 1.6rem;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 1rem;
}

.md-meta__list {
    display: inline-flex;
    flex-wrap: wrap;
    list-style: none;
    /* gap: -1.6rem; */
    margin: 0;
    padding: 0;
    justify-content: center;
    flex-direction: column;
}

.md-header--shadow {
    /* background: -moz-linear-gradient(to right, var(--md-code-hl-special-color), var(--md-primary-fg-color));
    background: -ms-linear-gradient(to right, var(--md-code-hl-special-color), var(--md-primary-fg-color));
    background: -o-linear-gradient(to right, var(--md-code-hl-special-color), var(--md-primary-fg-color));
    background: -webkit-linear-gradient(to right, var(--md-code-hl-special-color), var(--md-primary-fg-color)); */
    background-image: linear-gradient(to right, var(--md-code-hl-special-color), var(--md-primary-fg-color));
}