/* =========================================================================
   whyWhatCode — code layer (E12d port / #107, base44 code theme rd06 §6).
   The code column is a DARK ROUNDED APP-FRAME on the page — IDENTICAL in the
   light and dark themes (base44 brand continuity: the dark app window is the
   signature inset on the cream page). MUST be loaded LAST in each page (after
   theme-tokens.css), so these values always win — the code well is
   theme-INVARIANT. [data-theme="dark"] does NOT redefine --code-* or .syn-*.

   Current/done line = --code-cur (dark lime-tinted) + a 3px left --code-bar
   lime rail (the viewer's .code-row.done already renders
   `background:var(--code-cur); box-shadow:inset 3px 0 0 var(--code-bar)`).
   ========================================================================= */
:root {
  /* dark app-frame surface — pinned, independent of the theme --bg/--panel */
  --code-bg:   #111214;
  --code-bg-2: #1A1B1E;
  /* current-/done-line highlight: dark lime tint + lime rail */
  --code-cur:  #26290F;
  --code-bar:  #ADE900;
}

/* Python syntax highlighting — base44 palette (lime-leaning keywords echo the
   brand accent; muted, matte, readable on #111214). Same in both themes. */
.syn-kw      { color: #A8D96C; }                     /* keywords (def/if/return…) */
.syn-builtin { color: #7FB7D9; }                     /* builtins (len/range/max…) */
.syn-def     { color: #E5D38A; font-weight: 600; }   /* function / class name */
.syn-self    { color: #C79BD9; font-style: italic; } /* self / cls */
.syn-cls     { color: #8FC9B5; }                     /* class / type refs (TreeNode/ListNode) */
.syn-str     { color: #7FBF8E; }                     /* strings */
.syn-num     { color: #E8A860; }                     /* numbers */
.syn-com     { color: #6B6F66; font-style: italic; } /* comments */
.syn-name    { color: #E8E6E0; }                     /* identifiers */
.syn-op      { color: #9A9D94; }                     /* operators / punctuation */