/*
 * Kouider — Syntax colours for code blocks (Prism tokens).
 * Palette follows the site: black #070708, panel #111114, red #ff2638 / #ff5664.
 */

.k-code .k-code-body code[class*="language-"],
.k-code .k-code-body pre[class*="language-"] {
  color: #e8e8ea;
  text-shadow: none;
  tab-size: 2;
}

/* Comments and prose */
.k-code .token.comment,
.k-code .token.prolog,
.k-code .token.doctype,
.k-code .token.cdata,
.k-code .token.shebang {
  color: #63636b;
  font-style: italic;
}

/* Punctuation and operators */
.k-code .token.punctuation,
.k-code .token.operator {
  color: #8f8f99;
  background: none;
}

/* Commands, built-ins, functions — the red accent */
.k-code .token.function,
.k-code .token.command,
.k-code .token.builtin,
.k-code .token.class-name,
.k-code .token.important,
.k-code .token.atrule {
  color: #ff5664;
  font-weight: 600;
}

/* Keywords — the hard red */
.k-code .token.keyword,
.k-code .token.boolean,
.k-code .token.rule {
  color: #ff2638;
  font-weight: 600;
}

/* Options / flags / parameters */
.k-code .token.parameter,
.k-code .token.attr-name,
.k-code .token.property,
.k-code .token.attr-value {
  color: #e5c07b;
}

/* Strings — green */
.k-code .token.string,
.k-code .token.char,
.k-code .token.attr-value .token.punctuation,
.k-code .token.inserted {
  color: #7fd6a2;
}

/* Numbers and constants */
.k-code .token.number,
.k-code .token.constant,
.k-code .token.symbol {
  color: #f0a868;
}

/* Variables and environment references */
.k-code .token.variable,
.k-code .token.environment,
.k-code .token.regex {
  color: #7cc7ff;
}

/* Paths, files and URLs */
.k-code .token.url,
.k-code .token.file,
.k-code .token.tag {
  color: #9ad8ff;
}

/* Docker / shell specific */
.k-code .token.selector,
.k-code .token.selector .token.class,
.k-code .token.selector .token.id,
.k-code .token.directive,
.k-code .token['class-name'] {
  color: #ff8fa0;
}

.k-code .token.deleted { color: #ff6b6b; }
.k-code .token.bold { font-weight: 700; }
.k-code .token.italic { font-style: italic; }

/* Keep coloured tokens readable inside the shell */
.k-code .k-code-body .token { background: none; }

@media print {
  .k-code .k-code-body code,
  .k-code .token { color: #111 !important; }
}