/* Declare global variables */
:root {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
               "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-color: oklch(0.145 0 0); 
}

/* Applies global font and text color to the body. */
body {
  font-family: var(--font-sans);
  color: var(--font-color);
}