html {
    scroll-behavior: smooth;
}

body.vdm-site {
    margin: 0;
    color: var(--vdm-color-ink);
    background: var(--vdm-color-background);
    font-family: var(--vdm-font-body);
    font-size: var(--vdm-font-size-base);
    line-height: var(--vdm-line-height-body);
    text-rendering: optimizeLegibility;
}

body.vdm-site *,
body.vdm-site *::before,
body.vdm-site *::after {
    box-sizing: border-box;
}

body.vdm-site img {
    max-width: 100%;
    height: auto;
}

body.vdm-site a {
    color: var(--vdm-color-brass-dark);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
}

body.vdm-site a:hover,
body.vdm-site a:focus-visible {
    color: var(--vdm-color-navy);
}

body.vdm-site :focus-visible {
    outline: 3px solid color-mix(in srgb, var(--vdm-color-brass) 55%, white);
    outline-offset: 3px;
}