/* ==========================================================================
   CloudPath Academy — Code syntax theme
   Token colors for the lightweight regex highlighter (js/utilities.js).
   Code blocks always render on a dark "terminal" surface for consistency.
   ========================================================================== */

/* Base code text */
.code-block pre code, .term-inline, .cheat-code {
  font-family: var(--font-mono);
  color: var(--cp-code-text);
}

/* Prompt lines ($ command) */
.tok-prompt { color: #6FCFA9; font-weight: 700; }
.tok-cmd    { color: #8FD9BC; }

/* Comments */
.tok-comment { color: #6E8B80; font-style: italic; }

/* Strings */
.tok-string  { color: #D8E38A; }
.tok-string2 { color: #E3CE8F; }

/* Keywords & builtins */
.tok-kw     { color: #57C7A4; font-weight: 600; }
.tok-kw2    { color: #7FB3A6; }

/* Numbers, booleans, constants */
.tok-num    { color: #E8A33D; }
.tok-const  { color: #E8A33D; font-weight: 600; }

/* Flags & options */
.tok-flag   { color: #9CC3E8; }

/* Variables */
.tok-var    { color: #E8C57A; }

/* Functions / headings in YAML */
.tok-fn     { color: #A8D5C8; }
.tok-key    { color: #7FD1B9; }

/* SQL / HCL block names */
.tok-op     { color: #9FBCB2; }
.tok-deco   { color: #E8A33D; font-weight: 600; }

/* JSON property keys */
.tok-prop   { color: #7FD1B9; }

/* YAML list dashes */
.tok-dash   { color: #57C7A4; font-weight: 700; }