.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--tblr-gray-300);
}

.token.punctuation {
  color: var(--tblr-gray-500);
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag {
  color: #f92672;

  /* We need to reset the 'tag' styles set by tabler */
  border: 0;
  display: inherit;
  height: inherit;
  border-radius: inherit;
  padding: 0;
  background: inherit;
  box-shadow: inherit;
}

.token.number {
  color: #ea9999;
}

.token.boolean {
  color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string {
  color: #97e1a3;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #f8f8f2;
}

.token.atrule,
.token.attr-value {
  color: #e6db74;
}

.token.keyword {
  color: #95d1ff;
}

.token.regex,
.token.important {
  color: var(--tblr-yellow);
}

.token.important {
  font-weight: bold;
}

.token.entity {
  cursor: help;
}

.token {
  transition: 0.3s;
}

code::selection,
code ::selection {
  background: var(--tblr-yellow);
  color: var(--tblr-gray-900);
  border-radius: 0.1em;
}

code .token.keyword::selection,
code .token.punctuation::selection {
  color: var(--tblr-gray-800);
}

pre code {
  padding: 0;
}