@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/custom/fonts/fira-sans.woff2') format('woff2');
}

body.theme-witches-town {
    --main-font-family: 'Fira Sans', sans-serif !important;
    --main-font-size: normal;
    --tree-font-family: inherit;
    --tree-font-size: normal;
    --detail-font-family: inherit;
    --detail-font-size: normal;
    --detail-text-font-family: 'Fira Sans', sans-serif !important;

    --main-background-color: #383144;
    --main-text-color: #D5BDD6;
    --main-border-color: #87778D;
    --accented-background-color: #473E56;
    --more-accented-background-color: #DBD3FF;
    --header-background-color: #383144;
    --button-background-color: #473E56;
    --button-disabled-background-color: #DBD3FF;
    --button-border-color: #87778D;
    --button-text-color: #D5BDD6;
    --button-border-radius: 15px;
    --primary-button-background-color: #383144;
    --primary-button-text-color: #D5BDD6;
    --primary-button-border-color: #87778D;
    --muted-text-color: #87778D;
    --input-text-color: #D5BDD6;
    --input-background-color: #473E56;
    --hover-item-text-color: #D5BDD6;
    --hover-item-background-color: #473E56;
    --active-item-text-color: #D5BDD6;
    --active-item-background-color: #473E56;
    --menu-text-color: #D5BDD6;
    --menu-background-color: #383144;
    --tooltip-background-color: #473E56;
    --link-color: #D5BDD6;
    --modal-background-color: #383144;
    --modal-backdrop-color: black;
    --scrollbar-border-color: #87778D;
}

body.theme-witches-town .note-detail-text {
    font-size: 120%;
}

body.theme-witches-town .CodeMirror {
    filter: invert(100%) hue-rotate(300deg) saturate(80%);
/*    background-color: #f7f8f6 !important; */
}

body.theme-witches-town .bx.icon-action {
    border-radius: 50%;
    
}

body.theme-witches-town span.fancytree-node.done, body.theme-witches-town span.fancytree-node.todo{
    filter: saturate(30%) brightness(180%);
}