/* Étiquette de code — `code`, scindée de typo.css au passage au harness 0.13 (une feuille par clé).
   Référence : docs/design-system.md. */

/* --- Code --- */

/* L'élément : la forme en ligne, sans fond. Sorti de components.css. */
code {
  font-family: var(--font-mono);
  font-size: 0.92em;
}

/* En ligne (pas inline-block) : le padding vertical ne pousse pas la ligne,
   comme les vingt étiquettes qu'il remplace. */
.code {
  padding: var(--space-0-5) var(--space-1);
  border-radius: var(--radius-xs);
  background: var(--color-bg-hover);
  font-family: var(--font-mono);
  font-size: var(--text-12);
  color: var(--color-code-text, inherit);
}

/* --- Taille --- */

.code--sm {
  font-size: var(--text-11);
}

.code--lg {
  font-size: var(--text-13);
}

.code--display {
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-subtle);
  font-size: var(--text-18);
  font-weight: var(--weight-bold);
  letter-spacing: 2px;
}