/* Tokens the KROS design system does not define, needed for developer docs.
   Proposed back to the design system as an extension — see DESIGN-BRIEF.md. */
:root {
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono",
               Menlo, Consolas, "Liberation Mono", monospace;

  /* Code surfaces. Deliberately distinct from --bg-muted so a code block
     reads as a different material, not just a tinted paragraph. */
  --code-bg:          var(--slate-900);
  --code-fg:          var(--slate-100);
  --code-border:      rgba(255, 255, 255, 0.10);
  --code-header-bg:   rgba(255, 255, 255, 0.04);

  /* JSON syntax tokens. Chosen to clear 4.5:1 against --code-bg. */
  --code-key:     rgb(186, 230, 253);
  --code-string:  rgb(167, 243, 208);
  --code-number:  rgb(253, 224, 71);
  --code-boolean: rgb(216, 180, 254);
  --code-punct:   var(--slate-400);
}

/* Code blocks stay dark in both themes — a light code block inside a dark
   page (or the reverse) reads as a rendering bug. Only the border adapts. */
[data-theme="dark"], .theme-dark {
  --code-border: rgba(255, 255, 255, 0.16);
}