/* custom color schems */
[data-md-color-primary="upm"] {
    --md-primary-fg-color: oklch(.4236 .1210 261);
    --md-primary-fg-color--light: oklch(.6478 .121 261);
    --md-primary-fg-color--dark:  oklch(.2378 .121 261);

    --md-primary-050: oklch(0.9778 0.0108 261);
    --md-primary-100: oklch(0.9356 0.0321 261);
    --md-primary-200: oklch(0.8811 0.0609 261);
    --md-primary-300: oklch(0.8267 0.0908 261);
    --md-primary-400: oklch(0.7422 0.1398 261);
    --md-primary-500: oklch(0.6478 0.1472 261);
    --md-primary-600: oklch(0.5733 0.1299 261);
    --md-primary-700: oklch(0.4689 0.1067 261);
    --md-primary-800: oklch(0.3944 0.0898 261);
    --md-primary-900: oklch(0.3200 0.0726 261);
    --md-primary-950: oklch(0.2378 0.0540 261);

    /*
    --md-primary-fg-color: hsla(var(--md-hue),0%,100%,1);
    --md-primary-fg-color--light: hsla(var(--md-hue),0%,100%,0.7);
    --md-primary-fg-color--dark: hsla(var(--md-hue),0%,0%,0.07);
    --md-primary-bg-color: hsla(var(--md-hue),0%,0%,0.87);
    --md-primary-bg-color--light: hsla(var(--md-hue),0%,0%,0.54);
    --md-typeset-a-color: #4051b5;
    */
}

[data-md-color-scheme="slate"][data-md-color-primary="upm"] {
    --md-primary-fg-color: var(--md-primary-fg-color--light);
    /*
    --md-primary-fg-color: hsla(var(--md-hue),15%,9%,1);
    --md-primary-fg-color--light: hsla(var(--md-hue),15%,9%,0.54);
    --md-primary-fg-color--dark: hsla(var(--md-hue),15%,9%,1);
    --md-primary-bg-color: hsla(var(--md-hue),15%,100%,1);
    --md-primary-bg-color--light: hsla(var(--md-hue),15%,100%,0.7);
    --md-typeset-a-color: #4051b5;
    */
}

[data-md-color-accent="upm"] {
    --md-accent-fg-color: #006EB7;
    --md-accent-fg-color--transparent: #006EB71a;
}

[data-md-color-primary="upm"] .md-header,
[data-md-color-primary="upm"] .md-tabs
{
    background-color: var(--md-default-bg-color);
    color: var(--md-typeset-a-color);
}

[data-md-color-primary="upm"] .md-header--shadow,
[data-md-color-primary="upm"] .md-tabs
{
    border-bottom: .25rem solid var(--md-primary-fg-color);
}

.md-typeset {
    hyphens: auto;
    text-align: justify;
}

.md-typeset .md-typeset__scrollwrap:has(> .md-typeset__table) {
    text-align: center;
}

.md-typeset .md-typeset__table thead th {
    vertical-align: bottom;
    min-width: 1em;
}

.md-typeset .md-typeset__table td code {
    hyphens: initial;
    white-space: nowrap;
    overflow: auto;
}


.md-typeset .grid.col3 {
    grid-template-columns: repeat(auto-fit,minmax(min(100%,11rem),1fr));
}

.md-typeset .grid.cards > ol > li > hr,
.md-typeset .grid.cards > ul > li > hr,
.md-typeset .grid > .card > hr {
    clear: both;
}