:root {
    --app-font-sans: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --app-font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Courier New", monospace;
}

html,
body {
    font-family: var(--app-font-sans);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea {
    font: inherit;
}

table,
.tabular-nums,
[data-numeric],
input[inputmode="numeric"],
input[type="number"] {
    font-variant-numeric: tabular-nums;
}

.digital-clock,
.font-mono,
code,
pre,
kbd,
samp {
    font-family: var(--app-font-mono);
}