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

.layout-centered {
    background-attachment: fixed;
    background-color: var(--custom-background-color);
    background-image: var(--custom-background-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.layout-centered_content {
    padding: 0 0 20rem;
}

.button--primary {
    background: var(--custom-button-color);
    color: var(--custom-button-text-color);
}

.button--primary:hover,
.button--primary:focus,
.button--primary.hover {
    background: color-mix(in srgb, var(--custom-button-color), #FFFFFF 20%);
}

.topbar {
    background: var(--custom-topbar-color);
}

.form-qrcode {
    margin: 2rem;
}

.form-qrcode_image {
    display: block;
    margin: 0 auto;
    max-width: 25rem;
}