/* Use the font config as variables in your SCSS */
body {
  font-family: "Roboto", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif; }

.badge {
  display: inline-block;
  margin-right: 0.5em;
  font-size: 0.7em;
  text-decoration: none;
  border: none;
  border-bottom: 1px solid rgba(var(--color-primary-500), 1);
  height: 2em; }

.badge a {
  color: inherit;
  text-decoration: none; }

.max-w-prose {
  max-width: 100% !important; }

.prose {
  max-width: 125ch !important; }

.mt-6 {
  margin-top: 1rem !important; }