/* ==========================================================================
   ELEMENTS · CODE — monospace set on a faint wash. Used for the rare inline
   token name or a sample; "mono counts" applies to data, but code earns the
   same typewriter voice. The showcase reuses this to print class/token names.
   ========================================================================== */

code, kbd, samp, pre {
  font-family: var(--font-data);
  font-size: 0.86em;
  font-variant-ligatures: none;
}

code {
  background: var(--surface-sunken);
  border: 1px solid var(--rule);
  border-radius: var(--radius-xs);
  padding: 0.08em 0.34em;
  color: var(--text);
}

pre {
  background: var(--surface-sunken);
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  padding: var(--space-md);
  overflow-x: auto;
  line-height: var(--leading-normal);
}
pre code { background: none; border: 0; padding: 0; }

kbd {
  background: var(--surface-raised);
  border: 1px solid var(--rule-strong);
  border-radius: var(--radius-xs);
  box-shadow: var(--shadow-emboss);
  padding: 0.05em 0.4em;
  font-size: 0.8em;
}