/* Prism overrides loaded after vendor prism.css to ensure theme precedence */
:root{--prism-pre-bg: linear-gradient(180deg, rgba(11,13,16,0.96), rgba(6,8,10,0.96));}

/* Stronger specificity and !important to override vendor rules */
body pre[class*="language-"], body code[class*="language-"] {
  background: var(--prism-pre-bg) !important;
  padding: 18px !important;
  border-radius: 10px !important;
  overflow: auto !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  color: var(--text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02) !important;
}

/* Ensure code text uses the demo monospace and sizing */
body code[class*="language-"] { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace !important; font-size:14px !important; }

/* Token color overrides (important to beat vendor palette) */
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: var(--muted) !important; font-style: italic !important; }
.token.punctuation { color: rgba(255,255,255,0.6) !important; }
.token.namespace { opacity: .7 !important; }
.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: var(--accent-2) !important; }
.token.boolean, .token.number { color: #f6c177 !important; }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: var(--success) !important; }
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #9fe6a0 !important; }
.token.atrule, .token.attr-value, .token.keyword { color: var(--accent) !important; font-weight:700 !important; }
.token.function { color: #8ad1ff !important; }
.token.regex, .token.important { color: #ffd580 !important; }
.token.variable { color: #ffd580 !important; }

/* Inline code readability tweak */
code.inline, :not(pre) > code { background: rgba(255,255,255,0.02) !important; padding:2px 6px !important; border-radius:6px !important; font-size:0.95em !important; }

@media (max-width:640px) {
  body pre[class*="language-"], body code[class*="language-"] {
    padding: 8px !important;
    font-size:13px !important;
    margin: 0;
  }
}