/* CodeBlock — inverse theme (ink bg, paper text).
 * Used for install/hero code blocks where the dark panel is a deliberate
 * visual anchor. Padding, radius, and font-size are opinionated for this
 * variant (don't try to drive them through tokens — the hero treatment is
 * a single consistent look across consumers). */

.cp-code-block {
  margin: 0;
  font-family: var(--font-family-mono);
}

.cp-code-block--inverse {
  background: var(--color-text-primary);
  color: var(--color-background);
  padding: 1rem 1.25rem;
  border-radius: var(--radius-md, 4px);
  font-size: 0.875rem; /* 14px */
  line-height: 1.5;
}

.cp-code-block--inverse code {
  color: inherit;
  background: transparent;
}