html body{
    color: var(--textColorLightish);
}

.content img{
    max-height: 40vh;
    /* keep img ratio correct */
    width: auto !important;
    height: auto !important;
}

/* Link colors */
div a{
    color: var(--linkColorSecondary);
}

div a:hover{
    color: var(--linkSecondaryHover);
}
/* ---- */

.content{
    background-color: var(--secondaryColor);
    color: var(--textColorDarkish);
}

/* Keep archive meta text readable on KK's green header background. */
#page-header .text-muted,
.container-margin-top > .text-center.mb-3:first-child .text-muted {
    color: var(--textColorLight) !important;
    opacity: 1;
}

/*  BUTTON */
.theme-button {
    background-color: var(--primaryColorLighter);
    color: var(--textColorLight);
}

.theme-button:hover {
    background-color: var(--primaryColorMid);
    color: var(--linkColorLightHover);
}

/* ---- */

/* Basic table colors */
table.table {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1;
}
/* ---- */