/*!
  Theme: Microeden Plugin Studio (Dark)
  Description: Adattamento dark theme per Highlight.js basato sul Plugin Studio
  Background: #1e1e1e
  Colori: #d4d4d4 (Base), #569cd6 (Keyword), #ce9178 (String), #89ba54 (Comment/Number), #dcdcaa (Function)
*/

.hljs {
  display: block !important;
  overflow-x: auto !important;
  padding: 15px !important;
  background: #1e1e1e !important; 
  color: #d4d4d4 !important; /* Grigino base per tutto il testo */
  font-family: 'Consolas', monospace !important; 
  font-size: 14px !important;
  border-radius: 10px !important;
  line-height: 21px !important;
}

/* 1. Commenti ---> Verdi */
.hljs-comment,
.hljs-quote {
  color: #89ba54 !important;
}

/* 2. Keyword (const, let, async, await, function, if) ---> Blu */
.hljs-keyword,
.hljs-selector-tag {
  color: #569cd6 !important;
}

/* 3. Stringhe ---> Marroncino */
.hljs-string,
.hljs-regexp,
.hljs-template-variable,
.hljs-template-tag {
  color: #ce9178 !important;
}

/* 4. Numeri e Valori Booleani (true/false) ---> Verdi */
.hljs-number,
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-link {
  color: #89ba54 !important;
}

/* ==========================================
   5. FIX: TESTO STANDARD (Grigino/Bianco)
   Questo sistema State, CONFIG, user, loadData, ecc.
   ========================================== */
.hljs-title,
.hljs-title.class_,
.hljs-title.function_,
.hljs-title.function_.invoke__,
.hljs-class .hljs-title,
.hljs-type,
.hljs-property,
.hljs-attribute,
.hljs-attr,
.hljs-variable,
.hljs-name,
.hljs-built_in,
.hljs-operator,
.hljs-punctuation {
  color: #d4d4d4 !important;
}

/* Direttive di sistema / Meta tag */
.hljs-meta,
.hljs-doctag {
  color: #c586c0 !important;
}

.hljs-emphasis {
  font-style: italic !important;
}

.hljs-strong {
  font-weight: bold !important;
}

/* Selezione del testo verde */
.hljs ::selection,
.hljs::selection {
  color: black !important;
  background-color: #89ba54 !important;
}