@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap");

:root {
    --pos-text-font: "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --pos-number-font: "Inter", "Roboto", "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --pos-readable-font: var(--pos-number-font), var(--pos-text-font);
}

html,
body,
.font-sans {
    font-family: var(--pos-readable-font);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

button,
input,
select,
textarea,
table,
.font-mono,
.tabular-nums,
.pos-number,
[data-number-font] {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.font-mono,
.tabular-nums,
.pos-number,
[data-number-font],
input[type="number"],
input[type="tel"],
input[mode="numeric"],
input[mode="decimal"],
code,
kbd,
pre,
samp {
    font-family: var(--pos-number-font);
}