body {
}

h1 {
    background-color: rgb(var(--heading-back-color));
    color: rgb(var(--heading-fore-color));
}

h2 {
    background-color: rgba(var(--alt-heading-back-color, var(--heading-back-color)), 0.5);
    color: rgb(var(--alt-heading-fore-color, var(--heading-fore-color)));
}

h3 {
    background-color: rgba(var(--heading-back-color), 0.25);
    color: rgb(var(--heading-fore-color));
}

table {
    border-color: rgb(var(--heading-back-color));
}

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

    a:hover {
        color: rgb(var(--hover-link-color));
    }

input, select, textarea, .like-input {
    border-color: rgb(var(--heading-back-color));
    caret-color: rgb(var(--heading-back-color));
}

button:disabled, input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, .button:disabled, a.primary:disabled {
    opacity: 0.5;
}

:is(button, input[type=button], input[type=submit], input[type=reset], .button, a.primary) hr {
    border-color: rgba(var(--alt-heading-back-color, var(--heading-back-color)), 0.75);
}

.cell-pair {
    border-color: rgb(var(--heading-back-color));
}

.cell-left {
    background: rgba(var(--heading-back-color), 0.5);
    color: rgb(var(--heading-fore-color));
}

.key {
    border-color: rgb(var(--heading-back-color));
}

.left-panel {
    background-color: rgba(var(--alt-heading-back-color, var(--heading-back-color)), 0.1);
}

.right-panel {
    background-color: rgba(var(--alt-heading-back-color, var(--heading-back-color)), 0.1);
}

.nibble .bit {
    box-shadow: none;
}