/*
 * PrismJS Dark Theme - VS Code Dark Modern
 * Based on Visual Studio Code's Dark Modern theme
 * https://github.com/microsoft/vscode
 */

/* Base code block styling */
.lexxy-content.syntax-theme-vscode-dark-modern code {
  background-color: #1e1e1e;
  color: #d4d4d4;
}

/* Inline code - Keep in light mode for better readability */
.lexxy-content.syntax-theme-vscode-dark-modern p code,
.lexxy-content.syntax-theme-vscode-dark-modern li code {
  background-color: #f1f5f9;
  color: #334155;
}

/* Comments (Green) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.comment,
.lexxy-content.syntax-theme-vscode-dark-modern .token.prolog,
.lexxy-content.syntax-theme-vscode-dark-modern .token.doctype,
.lexxy-content.syntax-theme-vscode-dark-modern .token.cdata {
  color: #6a9955;
  font-style: italic;
}

/* Punctuation */
.lexxy-content.syntax-theme-vscode-dark-modern .token.punctuation {
  color: #d4d4d4;
}

/* Namespace */
.lexxy-content.syntax-theme-vscode-dark-modern .token.namespace {
  opacity: 0.7;
}

/* Tags (Blue) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.tag,
.lexxy-content.syntax-theme-vscode-dark-modern .token.deleted {
  color: #569cd6;
}

/* Variables (Light Blue) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.variable {
  color: #9cdcfe;
}

/* Properties, Attributes (Light Blue) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.property,
.lexxy-content.syntax-theme-vscode-dark-modern .token.attr-name {
  color: #9cdcfe;
}

/* Constants (Cyan) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.constant,
.lexxy-content.syntax-theme-vscode-dark-modern .token.symbol {
  color: #4fc1ff;
}

/* Booleans, Numbers (Light Green) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.boolean,
.lexxy-content.syntax-theme-vscode-dark-modern .token.number {
  color: #b5cea8;
}

/* Strings (Orange) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.string,
.lexxy-content.syntax-theme-vscode-dark-modern .token.char,
.lexxy-content.syntax-theme-vscode-dark-modern .token.attr-value,
.lexxy-content.syntax-theme-vscode-dark-modern .token.inserted {
  color: #ce9178;
}

/* Regex, URLs (Red) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.regex,
.lexxy-content.syntax-theme-vscode-dark-modern .token.entity,
.lexxy-content.syntax-theme-vscode-dark-modern .token.url,
.lexxy-content.syntax-theme-vscode-dark-modern .language-css .token.string,
.lexxy-content.syntax-theme-vscode-dark-modern .style .token.string {
  color: #d16969;
}

/* Keywords (Blue) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.atrule,
.lexxy-content.syntax-theme-vscode-dark-modern .token.keyword {
  color: #569cd6;
}

/* Control keywords (Purple) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.keyword.control,
.lexxy-content.syntax-theme-vscode-dark-modern .token.selector {
  color: #c586c0;
}

/* Functions (Yellow) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.function {
  color: #dcdcaa;
}

/* Builtins (Cyan) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.builtin {
  color: #4ec9b0;
}

/* Class names, Types (Teal) */
.lexxy-content.syntax-theme-vscode-dark-modern .token.class-name {
  color: #4ec9b0;
}

/* Operators */
.lexxy-content.syntax-theme-vscode-dark-modern .token.operator {
  color: #d4d4d4;
}

/* Emphasis */
.lexxy-content.syntax-theme-vscode-dark-modern .token.important,
.lexxy-content.syntax-theme-vscode-dark-modern .token.bold {
  font-weight: bold;
}

.lexxy-content.syntax-theme-vscode-dark-modern .token.italic {
  font-style: italic;
}