// ────────────────────────────────────────────────────────────────
// Widget · Code-Highlighting (Prism.js) · aus j3-landing
// Nur Token-Farben; Block-Optik siehe foundation/_typography (pre).
// ────────────────────────────────────────────────────────────────

pre code {
  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    font-style: italic;
    color: var(--muted);
  }

  .token.punctuation { color: var(--dim); }

  .token.tag,
  .token.keyword,
  .token.selector,
  .token.atrule { color: var(--accent); }

  .token.attr-name,
  .token.property,
  .token.class-name,
  .token.builtin { color: var(--ember); }

  .token.attr-value,
  .token.string,
  .token.char,
  .token.inserted { color: var(--ok); }

  .token.number,
  .token.boolean,
  .token.constant,
  .token.symbol { color: var(--warn); }

  .token.function { color: var(--fg-soft); }

  .token.operator,
  .token.entity,
  .token.url,
  .token.variable { color: var(--dim); }

  .token.deleted { color: var(--off); }

  .token.important {
    font-weight: var(--fw-semibold);
    color: var(--warn);
  }

  .token.namespace { opacity: .7; }
}