:root {
    --deko-border: 12px;
    --deko-border-color: #001;
    --primary-color: #1e73be;
}

.header {
    border-bottom: var(--deko-border) solid var(--deko-border-color);
}

.footer.secondary {
    border-top: var(--deko-border) solid var(--deko-border-color);
}

.button,
.wpcf7-submit,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--primary-color) !important;

    &:hover {
        background-color: color-mix(in srgb, var(--primary-color), black 10%) !important;
    }
}

h2,
h3,
h2 a,
h3 a {
    color: var(--primary-color) !important;
}

h2 a,
h3 a {
    text-decoration: underline !important;
}