:root
{
    /* automatic color name from gpick */
    --almost-black:       #1c1c1c; 
    --dark-grey:          #242424; 
    --charcoal-grey:      #585858; 
    --carolina-blue:      #87afff; 
    --putty:              #cebd9e; 
    --silver:             #cccccc; 
    --peach-pale:         #ebcb8b; 
    --eggshell:           #ffffd7; 
    --light-maroon:       #bf616a; 
    --clay:               #d08770; 

    --peach-pale_30:      #ebcb8b30; 
    --peach-pale_10:      #ebcb8b10; 
}

body
{
    
    --accent-h: 40;
    --accent-s: 71%;
    --accent-l: 73%;

    --link-decoration:                none;
    --link-decoration-hover:          none;
    --link-external-decoration:       none;
    --link-external-decoration-hover: none;

    --tag-decoration:                 none;
    --tag-decoration-hover:           underline;
    --tag-padding-x:                  .5em;
    --tag-padding-y:                  .2em;
    --tag-radius:                     .5em;
}

.theme-dark
{
    --background-primary:            var(--almost-black);
    --background-primary-alt:        var(--almost-black);
    --background-secondary:          var(--dark-grey);
    --background-secondary-alt:      var(--dark-grey);
    --background-modifier-border:    var(--dark-grey);

    --cursor-line-background:        var(--charcoal-grey);

    --text-normal:                   var(--silver);
    --text-faint:                    var(--carolina-blue);
    --text-muted:                    var(--putty);

    --h1-color:                      var(--eggshell);
    --h2-color:                      var(--eggshell);
    --h3-color:                      var(--eggshell);
    --h4-color:                      var(--eggshell);
    --h5-color:                      var(--eggshell);
    --h6-color:                      var(--eggshell);

    --text-highlight-bg:             var(--peach-pale_30);
    --text-highlight-fg:             var(--eggshell);

    --text-accent:                   var(--clay);
    --text-accent-hover:             var(--eggshell);

    --tag-color:                     var(--eggshell);
    --tag-background:                var(--dark-grey);
    --tag-background-hover:          var(--dark-grey);

    --titlebar-text-color-focused:   var(--light-maroon);

    --inline-title-color:            var(--peach-pale);

    --bold-color:                    var(--peach-pale);
    --italic-color:                  var(--peach-pale);

    --checkbox-color:                var(--peach-pale);
    --checkbox-color-hover:          var(--peach-pale);
    --checkbox-border-color:         var(--peach-pale);
    --checkbox-border-color-hover:   var(--peach-pale);
    --checklist-done-color:          var(--silver);

    --table-header-background:       var(--peach-pale_10);
    --table-header-background-hover: var(--peach-pale_30);
    --table-row-background:          var(--dark-grey);
    --table-row-background-hover:    var(--peach-pale_30);

    --text-selection:                var(--peach-pale_30);

    --code-normal:                   var(--peach-pale);
    --code-background:               var(--dark-grey);

    --icon-color-hover:              var(--light-maroon);
    --icon-color-focused:            var(--eggshell);

    --nav-item-color-hover:          var(--light-maroon);
    --nav-item-color-active:         var(--eggshell);
    --nav-file-tag:                  var(--peach-pale));

    --graph-line:                    var(--charcoal-grey);
    --graph-node:                    var(--peach-pale);
    --graph-node-tag:                var(--light-maroon);
    --graph-node-attachment:         var(--carolina-blue);

    --tab-text-color-focused-active:         var(--eggshell);
    --tab-text-color-focused-active-current: var(--light-maroon);
}


.search-result-file-matched-text
{
    color: var(--text-highlight-fg) !important;
}

.cm-hashtag-begin:hover, .cm-hashtag-end:hover
{
    color: var(--text-accent);
    text-decoration: underline;
}