/* Chakra's preflight handles the reset and every component style, so this file
   only carries what lives above the React root: the full-height chain
   SiteLayout's `minH="full"` depends on, and the document font. */
html,
body,
#root {
  height: 100%;
}

body {
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  overflow-wrap: anywhere;
}

::selection {
  background: rgba(79, 184, 178, 0.24);
}