:root {
    --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html, body, button, input, select, textarea {
    font-family: var(--font-ui) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.display, .font-display {
    font-family: var(--font-ui) !important;
    letter-spacing: -0.015em;
}

h1 { font-weight: 800; }
h2 { font-weight: 750; }
h3, h4, h5, h6 { font-weight: 700; }

button,
label,
nav,
.nav-label {
    font-weight: 600;
}

p,
li,
td,
th,
input,
select,
textarea {
    font-weight: 450;
}

.mono,
.font-mono,
code,
pre,
kbd,
samp {
    font-family: var(--font-mono) !important;
}

strong, b {
    font-weight: 700;
}