:root {
    --font-sans: 'Funnel Sans', ui-sans-serif, system-ui, -apple-system,
                 BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
                 Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
                 "Segoe UI Symbol", "Noto Color Emoji";

    --font-display: 'Funnel Display', var(--font-sans);

    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
                 "Liberation Mono", "Courier New", monospace;

    --font-serif: Georgia, "Times New Roman", serif;
}

/* Override Tailwind preflight (franken.css) and any vendor reset.
   tokens.css is loaded after franken.css for this reason; do not
   reorder. */
html,
body {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}