/* =============================================================
   highlight.css — token colors for the built-in highlighter.
   The highlighter (js/highlight.js) wraps tokens in
   <span class="tok-*">. Colors are theme-aware.
   ============================================================= */

/* Light theme token palette */
:root, [data-theme="light"] {
    --t-comment: #6a737d;
    --t-keyword: #d73a49;
    --t-string:  #032f62;
    --t-number:  #005cc5;
    --t-func:    #6f42c1;
    --t-class:   #e36209;
    --t-var:     #e36209;
    --t-prop:    #005cc5;
    --t-tag:     #22863a;
    --t-attr:    #6f42c1;
    --t-punct:   #586069;
    --t-op:      #d73a49;
    --t-builtin: #005cc5;
    --t-regex:   #032f62;
}

/* Dark theme token palette */
[data-theme="dark"] {
    --t-comment: #7d8590;
    --t-keyword: #ff7b72;
    --t-string:  #a5d6ff;
    --t-number:  #79c0ff;
    --t-func:    #d2a8ff;
    --t-class:   #ffa657;
    --t-var:     #ffa657;
    --t-prop:    #79c0ff;
    --t-tag:     #7ee787;
    --t-attr:    #d2a8ff;
    --t-punct:   #9aa4b2;
    --t-op:      #ff7b72;
    --t-builtin: #79c0ff;
    --t-regex:   #a5d6ff;
}

.tok-comment { color: var(--t-comment); font-style: italic; }
.tok-keyword { color: var(--t-keyword); }
.tok-string  { color: var(--t-string); }
.tok-number  { color: var(--t-number); }
.tok-func    { color: var(--t-func); }
.tok-class   { color: var(--t-class); }
.tok-var     { color: var(--t-var); }
.tok-prop    { color: var(--t-prop); }
.tok-tag     { color: var(--t-tag); }
.tok-attr    { color: var(--t-attr); }
.tok-punct   { color: var(--t-punct); }
.tok-op      { color: var(--t-op); }
.tok-builtin { color: var(--t-builtin); }
.tok-regex   { color: var(--t-regex); }
.tok-boolean { color: var(--t-number); }