/*=============================================================================
  File:         readwritetools.com/css/typeface.css
  Language:     CSS
  Copyright:    Read Write Tools © 2023
  License:      CC-BY-NC-ND 4.0
  Initial date: Jan 11, 2023
  Contents:     html baseline & font-size for rem calculations & font-family vars
=============================================================================*/

html {
	font-size: 12pt;
	--serif-font: "Source Serif Pro", serif;
	--sans-serif-font: "Source Sans Pro", sans-serif;
	--mono-font: "Source Code Pro", monospace;
}
body {
	text-rendering: optimizeLegibility;
	font-variant-ligatures: none;
	margin: 0 auto;
    padding: 0 1rem;
    color: var(--paragraph-color);
    background-color: var(--background-color);
}
*:focus {
	outline-offset: 4px;
	outline: 1px dotted #777;
}

/*--------------------------------- Typeface --------------------------------*/
html {
	font-family: var(--serif-font);
}
h1:first-of-type {
	font-family: var(--serif-font);
}
h1, h2, h3, h4, h5, figcaption, a.button, summary, th, td {
	font-family: var(--sans-serif-font);
}
pre, code {
	font-family: var(--mono-font);
}
.thin,
.heavy {
	font-family: var(--sans-serif-font);
}