@import url("_base.css"); 

:root {
    --font-global: Inter, 'Helvetica Neue', Arial, sans-serif; /* 🟢 */
    --header-box-shadow: none;
    --title-sidebar: none;
    --title-page-index: none;
    --sidebar-li-margin-top: 0em 0em 0em 0em; /* Removes MkDocs Material spacing via margin so we can add via padding -- originally just set to margi-top: .520em; */
    --sidebar-font-size: 13px; /* This is size in my Obsidian */
    --sidebar-font-weight: 500; /* Possibly moved to 500 */
    --sidebar-letter-spacing: 0px;
    --sidebar-link-border-radius: 4px;
    --sidebar-link-padding: 3px;
    --sidebar-link-margin: 0px 0px 5px 0px;
    --sidebar-folder-margin: 10px 0px 10px 0px;
    --sidebar-folder-padding: 0px 0px 0px 0px;
    --sidebar-nested-margin-left: 5px; /* Improves alignment so lines look more flush */
    --sidebar-nested-padding-left: .2rem;
    --page-index-font-size: 12px;
    --page-index-font-weight: 500;
    --page-index-font-weight-hover: 500;
    --page-index-text-line-height: 1.2;
    --page-index-text-decoration: none;
    --a-link-text-decoration: underline;
    --a-link-text-decoration-hover: underline;
    --p-font-size: 17px; /* 🆕 */
    --p-line-height: 1.75; /* 🆕 */
    --p-margin: .4em 0 1.5em 0; /* 🆕 */
    --h-font-weight: 700; /* 🆕 */
    --h1-font-size: 2.3em; /* 🆕 */
    --h1-line-height: 1.1; /* 🆕 */
    --h1-font-weight: 800; /* 🆕 */
    --h1-margin: 0 0 0.7em; /* 🆕 */
    --h2-font-size: 1.8em; /* 🆕 */
    --h2-line-height: 1.1; /* 🆕 */
    --h2-margin: .2em 0 .2em 0; /* 🆕 */
    --h3-font-size: 1.4em; /* 🆕 */
    --h3-margin: 1em 0 .2em 0; /* 🆕 */
    --th-font-weight: bold; /* 🆕 */
    --td-font-size: .8rem; /* 🆕 */
    --td-vertical-align: top; /* 🆕 */
    --td-padding: 0.2em 0.5em; /* 🆕 */
    --li-marker-font-size: .8rem;
    --li-marker-opacity: 50%;
  }
  
  body[data-md-color-scheme="default"] {
    --a-link-color: #2e69ff; /* 🟢🆕 */
    --a-link-color-hover: #383838; /* 🟢🆕 */
    --p-color: #383838; /* 🟢🆕 */
    --h-color: #000; /* 🟢🆕 */
    --th-background: #F6F6F6; /* 🆕 */
    --li-marker-color: #666666;
    --sidebar-left-bg: #ffffff; /* 🟢 */
    --sidebar-left-vert-line: 1px solid #eeeeee; /* 🟢 */
    --sidebar-right-bg: #ffffff; /* This value must be set with something even if transparent -🟢 */
    --sidebar-right-vert-line: 1px solid #eeeeee; /* 🟢 */
    --content-bg: #ffffff; /* 🟢 */
    --header-bg: #f6f6f6; /* 🟢 */
    --header-text-color: #181818;
    --header-border-bottom: 1px solid #eeeeee;
    --footer-bg: #f6f6f6; /* 🟢 */
    --footer-text-color: #181818;
    --footer-border-top: 1px solid #eeeeee;
    --sidebar-link-border: 1px solid transparent;
    --sidebar-link-bg: transparent;
    --sidebar-link-color: #383838;
    --sidebar-caret-color: #383838;
    --sidebar-link-active-bg: #3e74ff33;
    --sidebar-link-active-color: #002b67;
    --sidebar-link-active-border-color: 1px solid #2e69ff;
    --sidebar-link-svg: #002b67;
    --sidebar-link-active-svg: #002b67;
    --sidebar-folder-first-label-bg: transparent;
    --sidebar-folder-first-label-border: 0px solid #fff;
    --sidebar-link-hover-border: 1px solid #2e69ff;
    --sidebar-link-hover-color: #002b67;
    --sidebar-link-hover-bg-color: #3e74ff33;
    --sidebar-folder-border: 0px solid #000;
    --page-index-text-color: #2e69ff;
    --page-index-text-color-hover: #000000;
    --page-index-text-color-active: #000000;
  }
  
  body[data-md-color-scheme="slate"] {
    --Arial: 'Helvetica Neue'; /* Helvetica */
    --a-link-color: #f6821f; /* 🟢🆕 */
    --a-link-text-decoration: underline;
    --a-link-color-hover: #ffffff; /* 🟢🆕 */
    --a-link-text-decoration-hover: underline;
    --h-color: #ffffff; /* 🟢🆕 */
    --sidebar-left-bg: #272727; /* 🟢 */
    --sidebar-left-vert-line: 1px solid #81818; /* 🟢 */
    --sidebar-right-bg: #181818; /* This value must be set with something even if transparent -🟢 */
    --sidebar-right-vert-line: 1px solid #81818; /* 🟢 */
    --content-bg: #181818; /* 🟢 */
    --header-bg: #272727; /* 🟢 */
    --header-text-color: #ffffff;
    --header-border-bottom: 1px solid #181818;
    --footer-bg: #272727; /* 🟢 */
    --footer-text-color: #ffffff;
    --footer-border-top: 1px solid #181818;
    --sidebar-link-border: 1px solid transparent;
    --sidebar-link-bg: transparent;
    --sidebar-link-color: #ffffff;
    --sidebar-caret-color: #ffffff;
    --sidebar-link-active-bg: #f6821f33;
    --sidebar-link-active-color: #ffffff;
    --sidebar-link-active-border-color: 1px solid #f6821f;
    --sidebar-link-hover-border: 1px solid #f6821f;
    --sidebar-link-hover-color: #ffffff;
    --sidebar-link-hover-bg-color: #f6821f33;
    --page-index-text-color: #f6821f;
    --page-index-text-color-hover: #ffffff;
    --page-index-text-color-active: #ffffff;
  }