/* =====================================================
   ZEN DOCS - VS CODE STYLE (LIGHT + DARK FIXED)
   FIXED: readability, contrast, identifiers, punctuation
===================================================== */

/* =========================
   THEME VARIABLES (DEFAULT = LIGHT)
========================= */
:root {
  --fg: #1f2328;
  --keyword: #cf222e;
  --string: #0a7b15;
  --number: #8250df;
  --function: #116329;
  --builtin: #0550ae;
  --operator: #6f42c1;
  --comment: #6a737d;
  --bg: transparent;
}

/* =========================
   DARK MODE OVERRIDE
========================= */
[data-md-color-scheme="slate"] {
  --fg: #f8f8f2;
  --keyword: #ff5555;
  --string: #f1fa8c;
  --number: #bd93f9;
  --function: #50fa7b;
  --builtin: #8be9fd;
  --operator: #ff79c6;
  --comment: #6272a4;
}

/* =========================
   CODE BLOCK BASE
========================= */
.highlight {
  background: var(--bg) !important;
  color: var(--fg) !important;
}

/* =========================
   IDENTIFIERS (FIXED VISIBILITY)
========================= */
.highlight .n,
.highlight .nx {
  color: var(--fg) !important;
}

/* =========================
   FUNCTIONS
========================= */
.highlight .nf {
  color: var(--function) !important;
  font-weight: 600;
}

/* =========================
   KEYWORDS
========================= */
.highlight .k,
.highlight .kd,
.highlight .kt {
  color: var(--keyword) !important;
  font-weight: 600;
}

/* =========================
   BUILTINS (int, List, Map)
========================= */
.highlight .nb {
  color: var(--builtin) !important;
}

/* =========================
   STRINGS
========================= */
.highlight .s,
.highlight .s1,
.highlight .s2 {
  color: var(--string) !important;
}

/* =========================
   NUMBERS
========================= */
.highlight .m,
.highlight .mi,
.highlight .mf {
  color: var(--number) !important;
}

/* =========================
   OPERATORS (INCLUDING DOT FIX)
========================= */
.highlight .o {
  color: var(--operator) !important;
}

/* =========================
   PUNCTUATION () {} []
========================= */
.highlight .p {
  color: var(--fg) !important;
}

/* =========================
   COMMENTS
========================= */
.highlight .c,
.highlight .c1,
.highlight .cm {
  color: var(--comment) !important;
  font-style: italic;
}

/* =========================
   ERRORS (fix ugly red blocks)
========================= */
.highlight .err {
  color: var(--fg) !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* =========================
   CLEANUP
========================= */
.highlight span {
  text-shadow: none !important;
}