:root {
  --font-family-serif: "Roboto Serif", serif;
  --font-family-sans-serif: "Roboto", sans-serif;
  --font-family-monospace: "Roboto Mono", "Menlo", "Monaco", "Consolas", "Courier New", monospace;
  --font-family-base: var(--font-family-sans-serif);
  --font-family-menu: var(--font-family-sans-serif);
  --font-family-table: var(--font-family-sans-serif);
  --font-family-caption: var(--font-family-serif);
  --font-family-dropcap: "Brush Script MT", var(--font-serif);
  --font-family-memorial: "Brush Script MT", var(--font-family-sans-serif);
  --font-family-footer: var(--font-family-sans-serif);
  --font-size-base:	15px;
  --font-size-menu:	21px;
  --font-size-scale:	1.618;
  --font-size-default:	1rem;
  --font-size-whisper:	12px;
  --font-size-xl:	20px;
  --font-size-lg:	18px;
  --font-size-md:	16px;
  --font-size-sm:	14px;
  --font-size-xs:	12px;
  --font-size-h1:	36px;
  --font-size-h2:	30px;
  --font-size-h3:	24px;
  --font-size-h4:	21px;
  --font-size-h5:	18px;
  --font-size-table: var(--font-size-sm);
  --font-size-caption: calc(var(--font-size-base) - 3px);
}