/* ==========================================================================
   WebDev Hinglish - Code Theme & Syntax Highlighting
   ========================================================================== */

.code-token-keyword { color: #f43f5e; font-weight: 600; }
.code-token-tag { color: #38bdf8; font-weight: 600; }
.code-token-attr { color: #fbbf24; }
.code-token-string { color: #34d399; }
.code-token-comment { color: #64748b; font-style: italic; }
.code-token-number { color: #c084fc; }
.code-token-func { color: #60a5fa; }
.code-token-prop { color: #38bdf8; }
.code-token-val { color: #a7f3d0; }
.code-token-punct { color: #94a3b8; }

/* Light Theme Code Block Overrides (Readable Contrast) */
:root:not([data-theme="dark"]) .code-block-wrapper {
  background-color: #0f172a;
  border-color: #cbd5e1;
}

:root:not([data-theme="dark"]) .code-header {
  background-color: #1e293b;
  border-bottom-color: #334155;
  color: #94a3b8;
}

:root:not([data-theme="dark"]) pre {
  color: #f1f5f9;
}