/* ===============================
   GLOBAL SYSTEM FONT (APPLE-LIKE)
================================ */

:root {
  --system-font: -apple-system,
                 BlinkMacSystemFont,
                 "SF Pro Text",
                 "SF Pro Display",
                 "Segoe UI",
                 Roboto,
                 Oxygen,
                 Ubuntu,
                 Cantarell,
                 "Helvetica Neue",
                 Arial,
                 sans-serif;
}

html, body {
  font-family: var(--system-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}