/* Dracula syntax highlighting theme */

/* Code block styling */
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

code.hljs {
  padding: 3px 5px;
}

/* Base styles */
.hljs {
  background: #282a36;
  color: #f8f8f2;
}

/* Comments and quotes */
.hljs-comment,
.hljs-quote {
  color: #6272a4;
  font-style: italic;
}

/* Keywords and selectors */
.hljs-keyword,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-selector-class,
.hljs-meta-keyword,
.hljs-selector-id {
  color: #ff79c6;
}

/* Built-in functions */
.hljs-built_in,
.hljs-builtin-name {
  font-style: italic;
  color: #8be9fd;
}

/* Links */
.hljs-link {
  color: #8be9fd;
  text-decoration: underline;
}

/* Sections */
.hljs-section {
  color: #bd93f9;
  font-weight: 700;
}

/* Strings and patterns */
.hljs-string,
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-symbol,
.hljs-bullet {
  color: #f1fa8c;
}

/* Numbers and literals */
.hljs-number,
.hljs-literal {
  color: #bd93f9;
}

/* Titles */
.hljs-title {
  color: #50fa7b;
}

.hljs-title.class_,
.hljs-class.inherited_ {
  color: #8be9fd;
  font-style: italic;
}

.hljs-title.function_ {
  color: #50fa7b;
  font-style: normal;
}

/* Functions */
.hljs-function {
  color: #50fa7b;
  font-style: normal;
}

/* Tags and names */
.hljs-tag,
.hljs-name {
  color: #ff79c6;
}

/* Attributes and properties */
.hljs-attr,
.hljs-attribute,
.hljs-property {
  color: #50fa7b;
  font-style: italic;
}

/* Variables and parameters */
.hljs-variable,
.hljs-template-variable,
.hljs-params {
  color: #f8f8f2;
}

.hljs-variable.language {
  color: #bd93f9;
  font-style: italic;
}

/* Substitution */
.hljs-subst {
  color: #f8f8f2;
}

/* Types and classes */
.hljs-type,
.hljs-class {
  color: #8be9fd;
  font-style: italic;
}

/* Emphasis and strong */
.hljs-emphasis {
  font-style: italic;
  color: #f1fa8c;
}

.hljs-strong {
  font-weight: 700;
  color: #ffb86c;
}

/* Formulas */
.hljs-formula {
  color: #8be9fd;
}

/* Additions (green) */
.hljs-addition {
  color: #50fa7b;
  background: rgba(80, 250, 123, 0.08);
}

/* Deletions (red) */
.hljs-deletion {
  color: #ff5555;
  background: rgba(255, 85, 85, 0.12);
}

/* Doc tags */
.hljs-doctag {
  color: #ff79c6;
}

/* Character escapes */
.hljs-char.escape_ {
  color: #ff79c6;
}

/* Operators */
.hljs-operator {
  color: #ff79c6;
}

/* Punctuation */
.hljs-punctuation {
  color: #f8f8f2;
}

/* Meta */
.hljs-meta {
  color: #ffb86c;
}
 
.hljs::selection, .hljs *::selection {
    background:#44475A;
}