:root {
  /* Light and dark variables defined in catppuccin-latte.css and catppuccin-macchiato.css respectively */
  color-scheme: light dark;

  --sans-font: sans;
  --mono-font: monospace;
}

body {
  color: var(--text);
  background-color: var(--base);

  font-size: 1.25rem;
  font-family: var(--sans-font);
  line-height: 1.45;

  margin: auto;
  max-width: 60rem;
}

a {
  color: var(--link);
}

a:hover {
  color: var(--link-hover);
}

a:visited {
  color: var(--link-visited);
}