/* --- PRISM CUSTOM THEME: feronovak ---
   Warm-dark palette with amber keywords, teal strings,
   purple functions — premium code reading experience.
---------------------------------------------------- */

pre[class*="language-"],
code[class*="language-"] {
  background:    var(--color-bg-raised);
  color:         var(--color-text-primary);
  font-family:   var(--font-mono);
  font-size:     var(--text-sm);
  line-height:   var(--leading-relaxed);
  border:        var(--border-thin) solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  overflow-x:    auto;
  tab-size:      2;
  hyphens:       none;
  text-align:    left;
  white-space:   pre;
  word-spacing:  normal;
  word-break:    normal;
  word-wrap:     normal;
}

pre[class*="language-"] {
  padding:    var(--space-6);
  margin:     var(--space-8) 0;
  position:   relative;
}

/* Inside code-block wrapper, reset duplicated styles */
.code-block pre[class*="language-"] {
  border:        none;
  border-radius: 0;
  margin:        0;
}

.code-block code[class*="language-"] {
  border:     none;
  background: transparent;
}

/* Inline code — no border-radius override; inherits from screen.css */
:not(pre) > code[class*="language-"] {
  padding:       0.15em 0.4em;
  border-radius: var(--radius-sm);
  white-space:   normal;
}

/* ── Token Colors ─────────────────────────────── */

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color:      var(--color-text-tertiary);
  font-style: italic;
}

.token.punctuation {
  color: var(--color-text-secondary);
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
  color: #E3AA30; /* accent-light — amber gold */
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin {
  color: #7ECFA3; /* mint — warm teal */
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #D4893A; /* warm orange */
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #C8961E; /* accent — amber */
}

.token.function,
.token.class-name {
  color: #9B84C2; /* muted purple — distinctive for functions */
}

.token.regex,
.token.important,
.token.variable {
  color: #E3AA30; /* accent-light */
}

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

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

.token.entity {
  cursor: help;
}

/* ── Line Numbers ─────────────────────────────── */

.line-numbers .line-numbers-rows {
  border-right: var(--border-thin) solid var(--color-border-subtle);
  padding-right: var(--space-3);
}

.line-numbers-rows > span::before {
  color: var(--color-text-tertiary);
}

/* Language label and copy button now handled by code-block toolbar in screen.css */

/* ── Diff Highlighting ────────────────────────── */

.token.deleted {
  background: rgba(255, 80, 80, 0.12);
  color:      #FF7070;
}

.token.inserted {
  background: rgba(126, 207, 163, 0.12);
  color:      #7ECFA3;
}

/* ── Selection ────────────────────────────────── */

pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection {
  background: rgba(200, 150, 30, 0.2); /* amber tint */
}

pre[class*="language-"] ::selection,
pre[class*="language-"]::selection,
code[class*="language-"] ::selection,
code[class*="language-"]::selection {
  background: rgba(200, 150, 30, 0.2); /* amber tint */
}