/* =========================================================================
   tempest/highlight token colours.

   The theme renders code blocks dark in BOTH light and dark mode — they read
   as a terminal, not as a highlighted note (see .post-body pre in the theme's
   custom.css). So this is one palette tuned for that dark background rather
   than a light/dark pair. If code blocks ever go light, these need a
   prefers-color-scheme partner.

   Everything is driven by custom properties so the theme can retune a single
   token without copying the file. Turn the plugin's include_css off if you
   would rather own the whole set.
   ========================================================================= */

:root {
    --hl-comment:   #6b7689;
    --hl-keyword:   #ff8ab3;   /* declarations: class, function, struct, module */
    --hl-type:      #7dd3fc;
    --hl-generic:   #a5b4fc;   /* type arguments — the roadmap's headline syntax */
    --hl-variable:  #ffd9a0;
    --hl-property:  #e8edf5;
    --hl-value:     #a3e0a8;   /* strings */
    --hl-number:    #d4b3ff;
    --hl-literal:   #a3e0a8;   /* true, false, null */
    --hl-operator:  #b6c0d1;
    --hl-attribute: #c4b5fd;
    --hl-function:  #93c5fd;
    --hl-tag:       #ff8ab3;
}

.post-body pre code .hl-comment   { color: var(--hl-comment); font-style: italic; }
.post-body pre code .hl-keyword   { color: var(--hl-keyword); }
.post-body pre code .hl-type      { color: var(--hl-type); }
.post-body pre code .hl-variable  { color: var(--hl-variable); }
.post-body pre code .hl-property  { color: var(--hl-property); }
.post-body pre code .hl-value     { color: var(--hl-value); }
.post-body pre code .hl-string    { color: var(--hl-value); }
.post-body pre code .hl-number    { color: var(--hl-number); }
.post-body pre code .hl-literal   { color: var(--hl-literal); }
.post-body pre code .hl-operator  { color: var(--hl-operator); }
.post-body pre code .hl-attribute { color: var(--hl-attribute); }
.post-body pre code .hl-function  { color: var(--hl-function); }
.post-body pre code .hl-tag       { color: var(--hl-tag); }

/* Type arguments carry a faint plate as well as a colour. `Sequence<T>` is the
   thing these chapters are about, and the bracket run is easy to lose among
   ordinary punctuation at code-block size. */
.post-body pre code .hl-generic {
    color: var(--hl-generic);
    padding: 0 0.1em;
    border-radius: 3px;
    background: rgba(165, 180, 252, 0.12);
}

/* Nested language runs (constructor-promoted params, HTML in PHP) come back
   wrapped in .hl-injection; it is a container, not a colour. */
.post-body pre code .hl-injection { color: inherit; }