/* IDE THEME — maps the coding editor's --cs-* palette onto the site tokens so the
   IDE follows whichever token set is active. Loaded after coding-solve.css. */
.cs-root, [data-theme="dark"] .cs-root {
  --cs-bg-editor: var(--code-bg);
  --cs-bg-panel: var(--bg-elev);
  --cs-bg-elev: var(--bg-sunken);
  --cs-bg-chip: var(--bg-sunken);
  --cs-bg-hover: var(--bg-sunken);
  --cs-border: var(--border);
  --cs-border-soft: var(--border);
  --cs-text: var(--text);
  --cs-text-bright: var(--text);
  --cs-text-dim: var(--text-muted);
  --cs-text-faint: var(--text-faint);
  --cs-blue: var(--accent);
  --cs-blue-hover: var(--accent-hover);
  --cs-green: var(--ok);
  --cs-green-strong: var(--ok);
  --cs-red: var(--bad);
  --cs-amber: var(--warn);
  --cs-purple: var(--accent-2);
  --cs-radius: var(--radius);
  --cs-radius-sm: var(--radius-sm);
  font-family: var(--font-sans);
}
.cs-root .CodeMirror { font-family: var(--font-mono); color: var(--code-text); }
body.coding-ide .cs-root { width: 100%; max-width: none; margin: 0; transform: none; }