:root  > * {
    --md-primary-fg-color:        #225BE7;
    --md-primary-fg-color--light: #225BE7;
    --md-primary-fg-color--dark:  #225BE7;
}

/* Announcement banner */
.md-announce {
    background-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color);
    font-size: 0.7rem;
}

.md-announce a {
    color: var(--md-primary-bg-color);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    opacity: 0.85;
    transition: opacity 0.15s ease;
}

.md-announce a:hover {
    opacity: 1;
}

.announce-badge {
    display: inline-block;
    background-color: var(--md-primary-bg-color);
    color: var(--md-primary-fg-color);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.15em 0.5em;
    border-radius: 0.25em;
    margin-right: 0.4em;
    vertical-align: middle;
}

[data-md-color-scheme="slate"] .md-announce {
    background-color: #1a3fa0;
}

[data-md-color-scheme="slate"] .announce-badge {
    color: #1a3fa0;
}