/* ============================================================
   mql4-colors.css - Coloración semántica MQL4/MQL5
   Estilo VS Code Dark+ para MetaTrader 4/5
   ============================================================
   Este CSS se aplica a los spans generados por mql4-colorizer.js
   ============================================================ */

/* ── Fondo del código ── */
.mql4-code {
    background: #1e1e1e;
    color: #d4d4d4;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 13px;
    line-height: 1.6;
    tab-size: 4;
    white-space: pre;
}

/* ── KEYWORDS (azul claro #569cd6) ── */
/* if, else, for, while, return, void, input, extern, static, const,
   class, struct, enum, public, private, protected, this, new, delete,
   true, false, NULL, sizeof, typedef, namespace, using, virtual,
   override, inline, try, catch, throw, goto, switch, case, break,
   continue, default, do, property, define, ifdef, ifndef, endif,
   include, pragma, undef, import, export, friend, operator,
   template, typename, volatile, mutable, register, auto, signed,
   unsigned, abstract, final, internal */
.mql4-keyword {
    color: #569cd6;
}

/* ── TIPOS DE DATOS (verde azulado #4ec9b0) ── */
/* int, double, bool, string, char, float, long, short, void,
   datetime, color, uchar, ushort, uint, ulong, wchar_t,
   long64, ulong64, ENUM_* */
.mql4-type {
    color: #4ec9b0;
}

/* ── STRINGS (naranja #ce9178) ── */
/* "texto", 'c', D'2024.01.01' */
.mql4-string {
    color: #ce9178;
}

/* ── NÚMEROS (verde claro #b5cea8) ── */
/* 10, 0.1, 3.1416, 0xFF, 123456L */
.mql4-number {
    color: #b5cea8;
}

/* ── COMENTARIOS (verde oscuro #6a9955, itálica) ── */
/* // línea, /* bloque */ */
.mql4-comment {
    color: #6a9955;
    font-style: italic;
}

/* ── FUNCIONES (amarillo claro #dcdcaa) ── */
/* OnInit(), OnTick(), OrderSend(), iMA(), Print(), etc. */
.mql4-function {
    color: #dcdcaa;
}

/* ── MACROS Y PREPROCESADOR (púrpura #c586c0) ── */
/* #define, #ifdef, #property, #include, etc. */
.mql4-macro {
    color: #c586c0;
}

/* ── CONSTANTES MQL (azul claro #569cd6) ── */
/* MODE_SMA, PRICE_CLOSE, OP_BUY, PERIOD_H1, clrRed, etc. */
.mql4-constant {
    color: #569cd6;
}

/* ── VARIABLES Y PARÁMETROS (azul más claro #9cdcfe) ── */
/* nombres de variables, parámetros de funciones */
.mql4-variable {
    color: #9cdcfe;
}

/* ── OPERADORES (gris claro #d4d4d4) ── */
/* +, -, *, /, =, ==, !=, <, >, <=, >=, &&, ||, !, &, |, ^, ~,
   <<, >>, +=, -=, *=, /=, %=, &=, |=, ^=, <<=, >>=, ++, --,
   ->, ., ::, ?: */
.mql4-operator {
    color: #d4d4d4;
}

/* ── PUNTUACIÓN (gris claro #d4d4d4) ── */
/* ( ) { } [ ] ; , : */
.mql4-punctuation {
    color: #d4d4d4;
}

/* ── VALORES ESPECIALES (azul claro #569cd6) ── */
/* Point, Digits, Bid, Ask, Symbol, Period, EMPTY_VALUE, etc. */
.mql4-special {
    color: #569cd6;
}

/* ── ERRORES (rojo claro #d16969) ── */
.mql4-error {
    color: #d16969;
}

/* ── ADVERTENCIAS (naranja #ce9178) ── */
.mql4-warning {
    color: #ce9178;
}

/* ── SECCIONES (verde oscuro bold) ── */
/* //+------------------------------------------------------------------+ */
.mql4-section {
    color: #6a9955;
    font-weight: bold;
}

/* ── TODO/FIXME en comentarios (naranja brillante) ── */
.mql4-todo {
    color: #ffbd2e;
    font-weight: bold;
}