.card.dark header, .card.dark .header {
    color: inherit;
    color: var(--theme-color);
    background: rgb(24, 49, 83);
    background: var(--fa-navy);
}
a.card:hover,
.card.link:hover,
a.card.hover,
.card.link.hover,
a.card:active,
.card.link:active,
a.card.active,
.card.link.active,
a.card:focus,
.card.link:focus,
a.card.focus,
.card.link.focus {
    border: none;
    box-shadow: 0 0.25em 0 #74c0fc;
    box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--card-link-hover-box-shadow-color);
    padding: calc((4em - (1em * 1.5) - (0em * 2)) / 2) calc(1em * 1.5);
    padding: var(--card-vertical-padding) var(--card-horizontal-padding);
    -webkit-text-decoration: var(--card-link-hover-decoration);
    text-decoration: var(--card-link-hover-decoration);
}
a.card:hover::after, .card.link:hover::after, a.card.hover::after, .card.link.hover::after, a.card:active::after, .card.link:active::after, a.card.active::after, .card.link.active::after, a.card:focus::after, .card.link:focus::after, a.card.focus::after, .card.link.focus::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0.125em solid #74c0fc;
    border: var(--card-link-hover-border-width) var(--card-link-hover-border-style) var(--card-link-hover-border-color);
    border-radius: 0.75em;
    border-radius: var(--card-border-radius);
    content: "";
}
a.card:active,
.card.link:active,
a.card.active,
.card.link.active {
    top: 0.25em;
    top: var(--with-shadow-box-shadow-width);
    box-shadow: none;
}