html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    background-color: var(--color-beige);
    color: var(--color-black);
    font-family: var(--font-body);
    overflow-x: hidden;
}

body.modal-open,
body.menu-open,
body.no-scroll {
    overflow: hidden;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

a,
button {
    touch-action: manipulation;
}

[hidden] {
    display: none !important;
}