/* Syntax highlighting for HTML with subtle colors */
.sk-editor__html-highlight code[class*="language-"] {
  color: #333;
  text-shadow: none;
  font-family: Consolas, Monaco, 'Courier New', monospace;
  font-weight: 400;
  font-size: 0.85rem;
  line-height: 1.5;
  tab-size: 2;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* HTML Tags - blue */
.token.tag { color: #2563eb; font-weight: 500; }

/* Punctuation (< > / =) - dark gray */
.token.punctuation { color: #4b5563; }

/* Tag names - purple */
.token.tag .token.tag,
.token.tag .token.class-name { color: #7c3aed; font-weight: 500; }

/* Attributes - teal */
.token.attr-name { color: #0d9488; font-style: normal; }

/* Attribute values - orange/amber */
.token.attr-value { color: #d97706; }
.token.attr-value .token.punctuation { color: #92400e; }

/* Content between tags - black */
.token.plain-text { color: #1f2937; font-weight: 400; }

/* Comments - gray italic */
.token.comment { color: #6b7280; font-style: italic; }