/* IBM Plex Serif */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* IBM Plex Mono */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


body {
  --font-text-size: 15px;
  --line-height-normal: 1.4;
  --font-text-theme: "IBM Plex Serif", serif;
  --font-monospace-theme: "IBM Plex Mono", mono;
  --font-interface-theme: "IBM Plex Serif", serif;
  --site-menu-font: "IBM Plex Mono", mono;

  --h1-size: 2rem;
  --h1-style: italic;
  --h1-weight: var(--font-semibold);

  --h2-size: 1.75rem;
  --h2-style: italic;
  --h2-weight: var(--font-semibold);

  --h3-size: 1.5rem;
  --h3-style: italic;
  --h3-weight: var(--font-semibold);

  --h4-size: 1.25rem;
  --h4-style: italic;
  --h4-weight: var(--font-semibold);

  --h5-size: 1rem;
  --h5-style: italic;
  --h5-weight: var(--font-semibold);

  --h6-size: 1rem;
  --h6-style: italic;
  --h6-weight: var(--font-semibold);

  --table-border-width: 0px;
  --table-header-background: var(--color-base-30);
  --table-row-last-border-width: 4px;

  /* based on 'One Dark' theme */
  --code-normal: var(--text-normal);
  --code-comment: var(--atom-gray-1);
  --code-punctuation: var(--atom-gray-2);
  --code-tag: var(--atom-red);
  --code-value: var(-atom-yellow);
  --code-property: var(--atom-blue);
  --code-string: var(--atom-green);
  --code-keyword: var(--atom-orange);
  --code-operator: var(--atom-aqua);
  --code-function: var(--atom-blue);
  --code-important: var(--atom-purple);
}


.theme-light {
  --atom-gray-1: #ababab;
  --atom-gray-2: #383a42;
  --atom-red: #e75545;
  --atom-green: #4ea24c;
  --atom-blue: #3d74f6;
  --atom-purple: #a625a4;
  --atom-aqua: #0084bc;
  --atom-yellow: #e35649;
  --atom-orange: #986800;
}


.theme-dark {
  --atom-gray-1: #5c6370;
  --atom-gray-2: #abb2bf;
  --atom-red: #e06c75;
  --atom-green: #98c379;
  --atom-blue: #61afef;
  --atom-purple: #c678dd;
  --atom-aqua: #56b6c2;
  --atom-yellow: #e5c07b;
  --atom-orange: #d19a66;
}