@font-face {
    font-family: 'm5x7';
    src: url('./m5x7.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-ui: 'm5x7', monospace;
    /* m5x7's visible letters are smaller than its em box. */
    --font-ui-body: 32px/24px var(--font-ui);
    --font-ui-copy: 24px/20px var(--font-ui);
    --font-ui-small: 20px/18px var(--font-ui);
    --font-ui-tiny: 20px/16px var(--font-ui);
    font-synthesis: none;
}

body { font: var(--font-ui-body); }
button, input, select, textarea { font: inherit; }