.badge {
  display:inline-block; padding:.15em .55em; margin-left:.35rem;
  font:600 0.74rem/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  border-radius:9999px; vertical-align:middle; white-space:nowrap;
  border:1px solid transparent; opacity:.95;
}
.badge--breaking { background:#ffe6e6; color:#b20000; border-color:#ffb3b3; }
.badge--security { background:#e8f3ff; color:#004a9f; border-color:#b9d6ff; }
.badge--deprecated { background:#fff5e6; color:#9f4d00; border-color:#ffd199; }
.badge--beta { background:#eaf8ef; color:#05622c; border-color:#bfe6cc; }

.badge--notplanned { background: #f2f2f2; color: #555; border-color: #d0d0d0; }
.badge--planned { background:#e8f3ff; color:#004a9f; border-color:#b9d6ff; }
.badge--wip { background:#fff4e5; color:#9f5200; border-color:#ffd59b; }
.badge--upcoming { background:#e6fff9; color:#007b5e; border-color:#b3ffec; }
.badge--experimental { background:#ecfff0; color:#106b35; border-color:#b9f0c7; }

/* Dark scheme (Material uses data-md-color-scheme) */
/* [data-md-color-scheme="slate"] .badge--breaking { background:#3a1717; color:#ffbcbc; border-color:#5d2a2a; }
[data-md-color-scheme="slate"] .badge--security { background:#142a46; color:#b9d6ff; border-color:#274468; }
[data-md-color-scheme="slate"] .badge--deprecated { background:#3a2b17; color:#ffd8a8; border-color:#5a4425; }
[data-md-color-scheme="slate"] .badge--beta { background:#193524; color:#bfe6cc; border-color:#2a563a; } */