:root {
  /* light theme */
  /* --color-bg: #e0e0e0; */
  --color-bg: #fefefe;
  --color-fg: #1c1c1c;

  --color-anchor-bg: unset;
  --color-anchor-fg: black;

  --color-kbd-bg: #f9f9f9;
  --color-kbd-fg: var(--color-fg);
  --color-kbd-border: lightgray;

  --color-codeblock-bg: #f9f9f9;
  --color-codeblock-fg: var(--color-fg);
  --color-codeblock-border: lightgray;

  --color-code-bg: #f9f9f9;
  --color-code-fg: var(--color-fg);
  --color-code-border: lightgray;

  /* dark theme */
  /* --color-bg: #1c1c1c;
  --color-fg: #fff5ee; */

  --font-serif: "Georgia", serif;
  --font-sans:  sans-serif;
  --font-mono:  "Monaco", "Menlo", "Consolas", monospace;

  --heading1-size:   32px;
  --heading2-size:   26px;
  --heading-spacing: 15px;

  --main-spacing: 30px;

  --paragraph-size:    18px;
  --paragraph-spacing: 18px;

  --article-width:       950px;
  --article-font-size:   18px;
  --article-line-height: 1.9em;
  --article-spacing:     16px;
}