div.section {
    background-color: var(--bg);
    color: var(--p);
}
div.section h1,
div.section h2,
div.section h3,
div.section h4,
div.section h5 {
    color: var(--h);
}

.section .sub-heading {
    color: var(--sh);
    font-size: 1.2em;
}

a {
    color: var(--a);
}

.button {
    background-color: var(--button-bg);
    color: var(--button-fg);
}

.card {
    background-color: var(--card-bg);
    color: var(--card-p);
}

.card h1,
.card h2,
.card h3,
.card h4 {
    color: var(--card-h);
}

.card a {
    color: var(--card-a);
}


.card .button {
    background-color: var(--card-button-bg);
    color: var(--card-button-fg);
    border: 3px solid var(--stroke);
}

.stroke {
    border: 3px solid var(--stroke);
}

/* Override heading for title */
.section header h1,
.section header h2 {
    color: var(--title);
}

.button.highlight {
    background-color: var(--highlight);
    color: var(--off-white);
}