<style>

  /* light mode colors */
  body {
    --primary-color: #376dd9;
    --primary-pale-color: #698bcf1c;
    --inline-code-color: #444444;
    --text-color: #444;
    --text-pale-color: #545967;
    --bg-color: #fff; 
    --highlight-mark-color: #5f75b045;
  
    --callout-note-color: #3e70d6;
    --callout-important-color: #7a46cd;
    --callout-warning-color: #d3822b;
    --callout-alert-color: #d43f3f;
    --callout-question-color: #3089b5;
    --callout-tip-color: #35a06b;
  }

  /* dark mode colors */
  body.dark {
    --primary-color: #689afd;
    --primary-pale-color: #93acdd1c;
    --inline-code-color: #d2d2d2;
    --text-color: #ddd;
    --text-pale-color: #a0a0a0;
    --bg-color: #202124;
    --highlight-mark-color: #5f75b045;

    --callout-note-color: #698bcf;
    --callout-important-color: #9374c5;
    --callout-warning-color: #c99054;
    --callout-alert-color: #d35757;
    --callout-question-color: #5091b2;
    --callout-tip-color: #3ea06f;
  }

  /* typography */
  body {
    --main-font: "IBMPlexSans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --code-font: "IBMPlexMono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --homepage-max-width: 750px;
    --main-max-width: 750px;
    --avatar-size: 175px;
    --paragraph-font-size: 16px;
    --paragraph-line-height: 1.5em;
    --aside-font-size: 16px;
    --img-border-radius: 4px;
    --inline-code-border-radius: 2px;
  }

</style>
