/* ============================================================
   CONTIT DOCS — Prism.js theme
   Base: dark slate, accents brand blue / cyan
   ============================================================ */

code[class*="language-"],
pre[class*="language-"] {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.6;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: #e2e8f0;
}

pre[class*="language-"] {
  background: var(--code-bg, #0f172a);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  overflow: auto;
  margin: var(--space-6) 0;
  border: 1px solid var(--code-border, #1e293b);
}

/* Inside code-tabs, remove margin/radius (handled by parent) */
.code-block[class*="language-"],
.code-block pre[class*="language-"] {
  margin: 0;
  border-radius: 0;
  border: none;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata            { color: #475569; font-style: italic; }

.token.punctuation      { color: #94a3b8; }

.token.namespace        { opacity: .7; }

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted          { color: #ff7b72; }   /* red */

.token.boolean,
.token.number           { color: #79c0ff; }   /* blue */

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted         { color: #a5d6ff; }   /* light blue */

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable         { color: #35d8fc; }   /* brand cyan */

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name       { color: #d2a8ff; }   /* purple */

.token.keyword          { color: #ff7b72; font-style: italic; }

.token.regex,
.token.important        { color: #f7b032; }   /* brand warning */

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

.token.italic           { font-style: italic; }

.token.entity           { cursor: help; }