/* =========================================================
   Badge — Design.md §7.6
   22px, Label type, 2px radius, Pebble fill with a Rule border. Text is
   Ink Soft, not the Label role's Ink Muted: §3.3 measures Ink Muted at
   ≈4.3:1 on Pebble, under the 4.5:1 floor. The one badge for both units —
   the Theme's `.badge` and the room catalogue's bespoke copy (which had
   drifted to Semibold and 6px padding) folded into it on 2026-09-27.

   Its own sheet (efficiency #808 — moved out of core-controls.css, which
   holds only the control layer: a badge labels, it is not operated). The
   `core-badge` handle is registered in the control layer so the Theme can
   load it on every page (My account's order status, the products block's
   tags, the editor canvas) and `core-room` declares it for the catalogue's
   "Coming soon".
   ========================================================= */

.core-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-1);
    height: var(--h-badge);
    padding: 0 var(--sp-2);
    box-sizing: border-box;
    font-size: var(--fs-11);
    font-weight: var(--fw-regular);
    letter-spacing: var(--tracking-label);
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: var(--r-xs);
    background: var(--paper-soft);
    color: var(--ink-soft);
    border: 1px solid var(--rule);
}