/*
 * SPDX-FileCopyrightText: 2020, 2021 Julien Lepiller <julien@lepiller.eu>
 *
 * SPDX-License-Identifier: CC0-1.0
 */

:root {
  --comment: #777;
  --string: rgb(235, 87, 83);
  --number: rgb(254, 62, 83);
  --keyword: rgb(78, 137, 167);
  --keyword2: rgb(52, 183, 178);
  --special: rgb(179,177,57);
  --special2: rgb(219, 100, 154);
  --special3: rgb(154, 100, 219);
  --special4: rgb(217, 143, 109);;
  --special5: rgb(189, 52, 78);;

  --error-bg: rgb(223, 65, 91);
  --error-fg: #fff;
}

/* syntax highlighting */
.syntax-comment {
  color: var(--comment);
}

.syntax-string {
  color: var(--string);
}

.syntax-keyword, .syntax-builtin {
  color: var(--keyword2);
  font-weight: bold;
}

.syntax-variable {
  color: var(--keyword);
}

.syntax-number {
  color: var(--number);
}

/* language-specific */

/***
 * SCHEME *
 *        ***/

.language-scheme .syntax-special {
  color: var(--keyword);
  font-weight: bold;
}

.language-scheme .syntax-open + .syntax-symbol {
  font-weight: bold;
}

.language-scheme .syntax-open, .language-scheme .syntax-close {
  color: var(--comment);
}

/***
 * GITIGNORE *
 *           ***/
.language-gitignore .syntax-special {
  color: var(--keyword);
}


/***
 * CSS *
 *     ***/
.language-css .syntax-color {
  color: var(--number);
}

.language-css .syntax-selector {
  color: var(--special);
}

.language-css .syntax-class {
  color: var(--special2);
}

.language-css .syntax-builtin-property {
  color: var(--special3);
}

.language-css .syntax-id {
  color: var(--special4);
}

.language-css .syntax-important {
  background: var(--error-bg);
  color: var(--error-fg);
  display: inline-block;
  font-weight: bold;
  padding: 0.2em 0;
  margin: -0.2em 0;
}

.language-css .syntax-prelude {
  color: var(--special5);
}