html {
    box-sizing: border-box;
    font-size: 62.5%;
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background: var(--bf-bg-page);
    color: var(--bf-text);
    font-family: var(--bf-font-family);
    font-size: var(--bf-font-size-md);
    line-height: var(--bf-line-height);
}

a {
    color: var(--bf-primary);
    text-decoration: none;
}

a:hover {
    color: var(--bf-primary-active);
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: var(--bf-font-size-md);
}

img {
    max-width: 100%;
}