@font-face {
    font-family: "PT Sans";
    src:
        local("PTSans-Regular"),
        url("../fonts/PTSans-Regular.woff2") format("woff2"),
        url("../fonts/PTSans-Regular.woff") format("woff"),
        url("../fonts/PTSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "PT Sans";
    src:
        local("PTSans-Bold"),
        url("../fonts/PTSans-Bold.woff2") format("woff2"),
        url("../fonts/PTSans-Bold.woff") format("woff"),
        url("../fonts/PTSans-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --brand-font-family: "PT Sans", "Segoe UI", "Ruda", "Open Sans", "Arial", sans-serif;
}

html {
    font-size: 16px;
}

body,
button,
input,
textarea,
select {
    font-family: var(--brand-font-family);
}

input::placeholder,
textarea::placeholder {
    font-family: var(--brand-font-family);
}

input[placeholder],
input::-moz-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder,
textarea[placeholder],
textarea::-moz-placeholder,
textarea:-moz-placeholder,
textarea:-ms-input-placeholder {
    font-family: var(--brand-font-family);
}

input:-ms-input-placeholder {
    font-size: 14px;
}