/* ── Prism.js — integrado con tema claro/oscuro de cursos.pensa.ar ── */

/* Base compartida */
code[class*=language-], pre[class*=language-] {
  font-family: 'DM Mono', Consolas, Monaco, 'Andale Mono', monospace;
  font-size: 13.5px;
  line-height: 1.65;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  tab-size: 4;
  hyphens: none;
}

pre[class*=language-] {
  padding: 1.25rem 1.5rem;
  margin: 1rem 0 1.75rem;
  overflow: auto;
  border-radius: var(--radius);
  border: 0.5px solid var(--border);
}

/* Inline code con language class */
:not(pre) > code[class*=language-] {
  padding: 2px 6px;
  border-radius: 4px;
  white-space: normal;
}

/* ── CLARO ── */
code[class*=language-], pre[class*=language-] { color: #383a42; }
pre[class*=language-] { background: #fafaf8; }
:not(pre) > code[class*=language-] { background: #f0efed; }

.token.comment, .token.prolog, .token.doctype, .token.cdata { color: #a0a1a7; font-style: italic; }
.token.punctuation    { color: #383a42; }
.token.keyword        { color: #a626a4; }
.token.string, .token.attr-value, .token.char, .token.regex { color: #50a14f; }
.token.number, .token.boolean { color: #986801; }
.token.function, .token.function-name { color: #4078f2; }
.token.class-name     { color: #c18401; }
.token.constant, .token.symbol { color: #986801; }
.token.tag            { color: #e45649; }
.token.attr-name      { color: #986801; }
.token.operator, .token.entity, .token.url { color: #383a42; }
.token.builtin        { color: #a626a4; }
.token.selector       { color: #e45649; }
.token.inserted       { color: #50a14f; }
.token.deleted        { color: #e45649; }
.token.important, .token.bold { font-weight: 700; }
.token.italic         { font-style: italic; }
.token.variable       { color: #ca1243; }
.token.atrule         { color: #4078f2; }
.token.property       { color: #4078f2; }
.token.namespace      { opacity: .7; }

/* ── OSCURO ── */
html.dark code[class*=language-],
html.dark pre[class*=language-]  { color: #abb2bf; }
html.dark pre[class*=language-]  { background: #1e1e2e; }
html.dark :not(pre) > code[class*=language-] { background: #252535; }

html.dark .token.comment, html.dark .token.prolog,
html.dark .token.doctype, html.dark .token.cdata  { color: #6a737d; font-style: italic; }
html.dark .token.punctuation    { color: #abb2bf; }
html.dark .token.keyword        { color: #c678dd; }
html.dark .token.string, html.dark .token.attr-value,
html.dark .token.char, html.dark .token.regex      { color: #98c379; }
html.dark .token.number, html.dark .token.boolean  { color: #d19a66; }
html.dark .token.function, html.dark .token.function-name { color: #61afef; }
html.dark .token.class-name     { color: #e5c07b; }
html.dark .token.constant, html.dark .token.symbol { color: #d19a66; }
html.dark .token.tag            { color: #e06c75; }
html.dark .token.attr-name      { color: #d19a66; }
html.dark .token.operator, html.dark .token.entity { color: #56b6c2; }
html.dark .token.builtin        { color: #c678dd; }
html.dark .token.selector       { color: #e06c75; }
html.dark .token.inserted       { color: #98c379; }
html.dark .token.deleted        { color: #e06c75; }
html.dark .token.variable       { color: #e06c75; }
html.dark .token.atrule         { color: #61afef; }
html.dark .token.property       { color: #61afef; }