/* Set background colors for overview pages */
[data-document-type="50"],
[data-document-type="51"],
[data-document-type="55"],
[data-document-type="56"],
[data-document-type="66"],
[data-document-type="77"] {
    background-color: var(--root-color-background--primary);
}

.facets-selection .button--small {
    --background-color: var(--root-color--white);
    --border-top-color: var(--root-color--primary);
    --border-right-color: var(--root-color--primary);
    --border-bottom-color: var(--root-color--primary);
    --border-left-color: var(--root-color--primary);
    --color: var(--root-color--primary);
}

.facets-selection .button--small:active,
.facets-selection .button--small:focus,
.facets-selection .button--small:hover {
    --background-color: var(--root-color--white-dark);
    --border-top-color: var(--root-color--primary-darkest);
    --border-right-color: var(--root-color--primary-darkest);
    --border-bottom-color: var(--root-color--primary-darkest);
    --border-left-color: var(--root-color--primary-darkest);
    --color: var(--root-color--primary-darkest);
}