/*
Color Pallete:
White: #FFFFFF;
Forest Green: #647375;
Off White: #ECEFF2;
Red: #AF3541;
Dark Dark Blue: #020F2B; RGB 2, 15, 43
*/

.theme-light {
    --background-primary: white;                                                
    --background-primary-alt: white;                                            
    --background-secondary: #ECEFF2;                                            
    --background-secondary-alt: #020F2B;                                        
    --background-accent: #fff;
    --background-modifier-border: #ddd;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-highlighted: #fff;
    --background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
    --background-modifier-success: #A4E7C3;
    --background-modifier-error: #e68787;
    --background-modifier-error-rgb: 230, 135, 135;
    --background-modifier-error-hover: #FF9494;
    --background-modifier-cover: rgba(0, 0, 0, 0.8);
    --text-accent: #AF3541;                                                        
    --text-accent-hover: #020F2B;                                     
    --text-normal: rgba(0, 0, 0, 0.87);                                                              
    --text-muted:  rgba(0, 0, 0, 0.50);
    --text-faint: #999999;
    --text-error: #800000;
    --text-error-hover: #990000;
    --text-highlight-bg: rgba(255, 255, 0, 0.4);
    --text-selection: rgba(0, 122, 255, 0.15);
    --text-on-accent: #f2f2f2;
    --interactive-normal: #f2f3f5;
    --interactive-hover: #e9e9e9;
    --interactive-accent: #020F2B;                        
    --interactive-accent-rgb: #020F2B;                                          
    --interactive-accent-hover: #8273e6;
    --scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.2);
    --scrollbar-bg: rgba(0, 0, 0, 0.05);
    --scrollbar-thumb-bg: rgba(0, 0, 0, 0.1);
}

html, body {

    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 24px !important;
    background-color: var(--background-primary);
    color: var(--text-normal);
}



h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', serif;
    font-weight: 900;                                                                                 
}


.workspace-split.mod-vertical { overflow-x:auto; }
.workspace-leaf, .workspace-split.mod-horizontal { min-width: 500px; }


.workspace-leaf-resize-handle {
width: 2px !important;
background-color: rgba(2, 15, 43, 0.3);
}



a {
  color:  rgb(10, 132, 255, 0.75);
}


a:hover {
       color: #020F2B;
}

.file-view-actions {

color: #020F2B !important;

}

.file-view-actions:hover {

color: #AF3541 !important;

}



.cm-s-obsidian span.cm-link, .cm-s-obsidian span.cm-hmd-internal-link {
    color:  rgb(10, 132, 255, 0.8) !important;
    text-decoration: none;
}


.cm-s-obsidian span.cm-link:hover, .cm-s-obsidian span.cm-hmd-internal-link:hover {
  color: #020F2B;

}




a.tag {
  color: #647375;
}

a.tag:hover {
  color: #AF3541;
}

.cm-s-obsidian span.cm-hashtag {
color: #647375;
}

.cm-s-obsidian span.cm-hashtag:hover {
color: #AF3541;
}


.suggestion {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 15px !important;
  line-height: 24px !important;
  color: rgba(0, 0, 0, 0.8);
  background-color: white;
}

.suggestion-item:hover {
  color: #ECEFF2 !important;
  background-color: #020F2B !important;
}



.tag-pane-tag-text {
  color: rgba(2, 15, 43, 0.75);
}

.tag-pane-tag-count {
  color: #020F2B;
  background-color: #ECEFF2;
}


.tag-pane-tag:hover, .tag-pane-tag-text:hover {
  background-color: #020F2B;
  color: #ECEFF2 !important;
}

.tag-pane-tag:hover .tag-pane-tag-text {
  background-color: #020F2B;
  color: #ECEFF2 !important;
}




#graph-view-canvas .links
{
stroke: rgba(10, 132, 255, .30) !important;
  
}

 #graph-view-canvas .nodes text:hover {
   fill: #AF3541 !important;
 }

 #graph-view-canvas .nodes text:hover  #graph-view-canvas .nodes circle:hover {
   fill: green !important;
 }


   


.workspace > .workspace-split > .workspace-leaf.mod-single-child .workspace-leaf-header {
    border-bottom: 2px solid var(--background-secondary-alt);
    background-color: var(--background-primary);
}



.workspace-leaf-header, .workspace-leaf-header-title {
    font-size: 18px;
    font-family: 'Merriweather', serif;
    background-color: var(--background-primary);
    color: var(--text-normal);
}

.view-header, .view-header-title {
color: rgba(2, 15, 43);
background-color: white !important;

}

.workspace-leaf.mod-active .view-header {
    background-color: var(--background-primary-alt);
    border-bottom: 2px solid #AF3541;
}


.cm-s-obsidian {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 15px !important;
  line-height: 24px !important;
  background-color: var(--background-primary);
  color: var(--text-normal);
}



.cm-s-obsidian pre.HyperMD-header {
  font-family: 'Merriweather', serif !important;
  font-weight: 900;
}



.markdown-preview-view code {                  
    background-color: #647375 !important;
    color: white !important;
    font-size: 13px;
}

.cm-s-obsidian span.cm-inline-code { 
  background-color: #ECEFF2;
  color: #AF3541 !important;
  font-size: 14px;
}


.side-dock-ribbon {
  background-color: #020F2B !important;
}


.side-dock-ribbon-tab, .side-dock-ribbon-before, .side-dock-ribbon-after, .side-dock-ribbon-tab-inner {
    transition: unset !important;
}


mark {
    background-color: #feebc8 !important;
    color: #020F2B !important;
}

.cm-s-obsidian span.cm-highlight {
  background-color: #feebc8 !important;
  color: #020F2B !important;
}


.search-result-file-matched-text {
  background-color: #feebc8 !important;
  color: rgba(0, 0, 0, 0.8) !important;
}



.obsidian-search-match-highlight, .obsidian-search-match-highlight a {

  color: black !important;
  background-color: #feebc8  !important;
}


.cm-s-obsidian .cm-formatting-link {

  font-family: 'Open Sans', serif;
  color: rgb(10, 132, 255, 0.50) !important;
 }

 
 .nav-file-title {
   color: rgba(2, 15, 43, 0.8) !important;
 }


.nav-file.is-active > .nav-file-title, .nav-file-title:hover {
  color: #ECEFF2 !important;
}


.side-dock-ribbon-tab {
color: #ECEFF2 !important;
}

 .side-dock-ribbon-action {
   color: #ECEFF2 !important;
 }

 .side-dock-ribbon-tab.is-active {
color: #020F2B !important;
 }


.side-dock-ribbon-tab:hover, .side-dock-ribbon-action:hover
{
  color: #AF3541 !important;
}



.popover {
  color: rgba(0, 0, 0, 0.8);
  background-color: white;
  font-size: 18px;
  border-size: 2px;
  border-color: #647375;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;

}

.popover-title {
  font-weight: 800;
}

.app-container {
  overflow: hidden;
}



.popover code {
color:   white;
 background-color: #647375;
}



.search-result-file-match {
  color: rgba(0, 0, 0, 0.75);
}




.search-result:hover, .search-result-file-title:hover {
  background-color: white;
  color: #020F2B;
}

.search-result:hover {
  border: 1px dashed #AF3541; 
}


.search-result:hover, .search-result-file-match:hover, .search-result-file-title:hover  {
  background-color: white;
  color: #020F2B;
}



.search-result-file-match-replace-button {
    color: white;
    background-color: black;
}

.search-result-file-match-replace-button:hover {
    color: white;
    background-color: rgba(10, 132, 255);
}



.nav-file-title-content.is-being-renamed, .nav-folder-title-content.is-being-renamed
{
  color: #020F2B;
  background-color: white;

}

.menu-item:hover, .menu-item:hover .menu-item-icon {
  background-color: #020F2B;
  color: white;
}


button.mod-warning {
    background-color: #020F2B !important;
    color: white !important;
}
 

button.mod-warning:hover {
  background-color: #AF3541 !important;
  color: white !important;
}


.modal-button-container button:not(.mod-cta):not(.mod-warning) {
    background-color: #020F2B;
    color: white;
}

.modal-button-container button:not(.mod-cta):not(.mod-warning):hover {
  background-color: #647375 !important;
}


.empty-state-container:hover
{
  border: 5px dashed rgb(10, 132, 255);
}



.vertical-tab-nav-item {
color: #ECEFF2;
}

.vertical-tab-nav-item.is-active, .vertical-tab-nav-item:hover {
background-color: #ECEFF2;
color: #020F2B;
}


  button.mod-cta:hover {
    color: white;
    background-color: #647375;
  }


.checkbox-container {
  background-color: rgba(175, 53, 65, 0.80);
}

  .checkbox-container.is-enabled {
      background-color: rgba(10, 132, 255, .60);
  }




.nav-folder-title {
  color: #647375;
}

  body:not(.is-grabbing) .nav-folder-title:hover {
      background-color: #020F2B;
      color: white;
  }


  body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator {
color: #ECEFF2;

  }

  .nav-file-tag {
    color: white;
    background-color: #647375;
  }


  .side-dock-title:hover {
    color: #AF3541;
  }

.nav-folder.mod-root > .nav-folder-title:hover {
  color: #AF3541;
}



.setting-hotkey {
background-color:  #ECEFF2;
  font-family: 'Open Sans', sans-serif !important;

}

.setting-add-hotkey-button:hover {
  background-color: #ECEFF2;
  color: #020F2B;
}



.setting-item-description code {
background-color: #647375;
color: white;
}


.view-header-title-container:after {

background: white !important;
height: 36px;

}


------------------------