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

:root {
    --gv-font-body: "Manrope", "Segoe UI", sans-serif;
    --gv-font-display: "Manrope", "Segoe UI", sans-serif;
    --gv-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html body {
    font-family: var(--gv-font-body);
}

html body :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    font-family: var(--gv-font-display);
}

html body :where(button, input, optgroup, select, textarea) {
    font-family: inherit;
}

html body :where(code, kbd, pre, samp) {
    font-family: var(--gv-font-monospace);
}