/*
 * code.css — token colors for the bundled highlighter.
 *
 * Token classes emitted by inc/vendor/tempest-highlight/highlighter.php:
 *   tok-comment  — comments
 *   tok-string   — string literals
 *   tok-number   — numeric literals
 *   tok-keyword  — language keywords
 *   tok-fn       — function calls / tag names
 *   tok-op       — operators, variables, sigils
 *
 * Both light and dark token palettes are tuned for AA contrast on the
 * theme's surface tokens. If you swap to a Prism / Shiki / real
 * Tempest\Highlight build, the same class hooks apply — only the
 * palette changes.
 */

.fa-code-block code .tok-comment { color: #6B7280; font-style: italic; }
.fa-code-block code .tok-string  { color: #166534; }
.fa-code-block code .tok-number  { color: #B45309; }
.fa-code-block code .tok-keyword { color: #1D4ED8; font-weight: 600; }
.fa-code-block code .tok-fn      { color: #7C3AED; }
.fa-code-block code .tok-op      { color: #B91C1C; }

[data-theme="dark"] .fa-code-block code .tok-comment { color: #9CA3AF; }
[data-theme="dark"] .fa-code-block code .tok-string  { color: #86EFAC; }
[data-theme="dark"] .fa-code-block code .tok-number  { color: #FCD34D; }
[data-theme="dark"] .fa-code-block code .tok-keyword { color: #93C5FD; }
[data-theme="dark"] .fa-code-block code .tok-fn      { color: #C4B5FD; }
[data-theme="dark"] .fa-code-block code .tok-op      { color: #FCA5A5; }

/* Same palette inside core/code blocks for consistency */
pre.wp-block-code code .tok-comment { color: #6B7280; font-style: italic; }
pre.wp-block-code code .tok-string  { color: #166534; }
pre.wp-block-code code .tok-number  { color: #B45309; }
pre.wp-block-code code .tok-keyword { color: #1D4ED8; font-weight: 600; }
pre.wp-block-code code .tok-fn      { color: #7C3AED; }
pre.wp-block-code code .tok-op      { color: #B91C1C; }

[data-theme="dark"] pre.wp-block-code { background: #161616; color: #FAFAFA; border-color: #27272A; }
[data-theme="dark"] pre.wp-block-code code .tok-comment { color: #9CA3AF; }
[data-theme="dark"] pre.wp-block-code code .tok-string  { color: #86EFAC; }
[data-theme="dark"] pre.wp-block-code code .tok-number  { color: #FCD34D; }
[data-theme="dark"] pre.wp-block-code code .tok-keyword { color: #93C5FD; }
[data-theme="dark"] pre.wp-block-code code .tok-fn      { color: #C4B5FD; }
[data-theme="dark"] pre.wp-block-code code .tok-op      { color: #FCA5A5; }