:root {
  /* General */
  --jskos-vue-bgColor: #fff; /* background color */
  --jskos-vue-highlight-bgColor: #fdbd5888; /* highlighting color */
  --jskos-vue-color-lightGrey: #737373; /* light color */
  --jskos-vue-fontSize-small: 0.85rem; /* small text */
  --jskos-vue-border-color:  #e2e2e2;
  /* Arrow */
  --jskos-vue-arrow-color: #000;
  --jskos-vue-arrow-hover-color: #666;
  /* ItemDetails */
  --jskos-vue-itemDetails-dropzone-bgCover: #eeeeee99;
  --jskos-vue-itemDetails-lineHeight: 1.4;
  /* ItemList */
  --jskos-vue-itemList-hover-bgColor: var(--jskos-vue-highlight-bgColor);
  --jskos-vue-itemList-indicator-color: green;
  /* ConceptTree */
  --jskos-vue-conceptTree-selected-bgColor: var(--jskos-vue-highlight-bgColor);
  --jskos-vue-conceptTree-hover-bgColor: var(--jskos-vue-highlight-bgColor);
  /* ItemSelected */
  --jskos-vue-itemSelected-tags-bgColor: var(--jskos-vue-highlight-bgColor);
  --jskos-vue-itemSelected-tags-color: inherit;
  /* ItemSuggest */
  --jskos-vue-itemSuggest-results-bgColor: var(--jskos-vue-bgColor);
  --jskos-vue-itemSuggest-results-shadowColor: rgba(0, 0, 0, 0.2);
  --jskos-vue-itemSuggest-selected-color: inherit;
  --jskos-vue-itemSuggest-selected-bgColor: var(--jskos-vue-highlight-bgColor);
  --jskos-vue-itemSuggest-results-zIndex: 10;
  /* LoadingIndicator */
  --jskos-vue-loadingIndicator-primary-color: lightgray;
  --jskos-vue-loadingIndicator-secondary-color: blue;
  /* Modal */
  --jskos-vue-modal-bgColor: var(--jskos-vue-bgColor);
  --jskos-vue-modal-footer-bgColor: rgba(0, 0, 0, 0.05);
  --jskos-vue-modal-minWidth: 400px;
  --jskos-vue-modal-maxWidth: 800px;
  --jskos-vue-modal-minHeight: 300px;
  --jskos-vue-modal-maxHeight: calc(100% - 3.5rem);
  --jskos-vue-modal-zIndexBase: 1000;
}

@media (prefers-color-scheme: dark) {
  :root {
    --jskos-vue-bgColor: #161618;
    --jskos-vue-highlight-bgColor: #e4ad5587;
    --jskos-vue-color-lightGrey: #555;
    --jskos-vue-border-color:  #333;
    --jskos-vue-arrow-color: #fff;
    --jskos-vue-arrow-hover-color: #999;
    --jskos-vue-itemDetails-dropzone-bgCover: #33333399;
    --jskos-vue-itemSuggest-results-shadowColor: rgba(0, 0, 0, 0.9);
    --jskos-vue-loadingIndicator-primary-color: #999;
    --jskos-vue-loadingIndicator-secondary-color: blue;
    --jskos-vue-modal-footer-bgColor: #222;
  }
}

.jskos-vue-clickable:hover {
  cursor: pointer;
}
.jskos-vue-text-lightGrey {
  color: var(--jskos-vue-color-lightGrey);
}
.jskos-vue-text-small {
  font-size: var(--jskos-vue-fontSize-small);
}
.jskos-vue-text-bold {
  font-weight: bold;
}