:root {
	--max-page-width: 40rem;
    --default-border-radius: 7px;
	--default-font-family: "Noto Sans", system-ui, Helvetica, Verdana, sans-serif;
} 

:root {
  --heading-scale: 1;

  --h1-size: 2.5rem;
  --h2-size: 2rem;
  --h3-size: 1.75rem;
  --h4-size: 1.5rem;
  --h5-size: 1.25rem;
  --h6-size: 1rem;
}

h1 { font-size: calc(var(--h1-size) * var(--heading-scale)); }
h2 { font-size: calc(var(--h2-size) * var(--heading-scale)); }
h3 { font-size: calc(var(--h3-size) * var(--heading-scale)); }
h4 { font-size: calc(var(--h4-size) * var(--heading-scale)); }
h5 { font-size: calc(var(--h5-size) * var(--heading-scale)); }
h6 { font-size: calc(var(--h6-size) * var(--heading-scale)); }

@media (max-width: 768px) {
  :root {
    --heading-scale: 0.65;
  }
}

html, body {
    padding: 0;
    margin: 0;
}

html {
    font-size: 125%;
}

body {
    font-family: var(--default-font-family);
    font-size: 1rem;
    line-height: 1.6;

	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-weight: 600;
}