/* Rouge Syntax Highlighting Theme - Dark Theme (Programmer Friendly) */

/* Code blocks */
.code-block {
  background-color: #0f172a; /* slate-900 */
  color: #f1f5f9; /* slate-100 */
  padding: 1.25rem;
  margin: 0;
  overflow-x: auto;
  font-size: 0.875rem;
  line-height: 1.6;
  font-family: var(--font-mono) !important;
  border: none;
  border-radius: 0; /* Let parent handle rounding */
}

/* Rouge token styles - Dark theme */
.highlight {
  background-color: #0f172a;
  color: #f1f5f9;
}

/* Comments */
.code-block .c, .code-block .cm, .code-block .c1, .code-block .cs {
  color: #64748b; /* slate-500 */
  font-style: italic;
}

/* Strings */
.code-block .s, .code-block .sb, .code-block .sc, .code-block .sd, .code-block .s2, .code-block .se, .code-block .sh, .code-block .si, .code-block .sx, .code-block .s1 {
  color: #38bdf8; /* sky-400 */
}

/* Keywords */
.code-block .k, .code-block .kc, .code-block .kd, .code-block .kn, .code-block .kp, .code-block .kr, .code-block .kt {
  color: #c084fc; /* purple-400 */
}

/* Identifiers/Names */
.code-block .nx, .code-block .n {
  color: #f1f5f9;
}

/* String delimiters */
.code-block .dl {
  color: #38bdf8;
}

/* Functions and methods */
.code-block .nf, .code-block .fm {
  color: #fb7185; /* rose-400 */
}

/* Numbers */
.code-block .m, .code-block .mf, .code-block .mh, .code-block .mi, .code-block .il, .code-block .mo, .code-block .mb, .code-block .mx {
  color: #fbbf24; /* amber-400 */
}

/* Booleans and null */
.code-block .kc {
  color: #fbbf24;
}

/* Operators */
.code-block .o, .code-block .ow {
  color: #94a3b8; /* slate-400 */
}

/* Punctuation */
.code-block .p {
  color: #94a3b8;
}

/* Variables */
.code-block .nv, .code-block .vc, .code-block .vg, .code-block .vi {
  color: #fb923c; /* orange-400 */
}

/* Class names */
.code-block .nc, .code-block .nn {
  color: #fb7185;
}

/* Attributes */
.code-block .na {
  color: #38bdf8;
}

/* HTML/XML tags */
.code-block .nt {
  color: #c084fc;
}

/* JSON keys/names */
.code-block .nl {
  color: #818cf8; /* indigo-400 */
}

/* Whitespace */
.code-block .w {
  color: #f1f5f9;
}

/* Ensure copy button gets correct text */
.code-block code {
  background: transparent;
  padding: 0;
  color: inherit;
}
