/* ============================================================
   Datei:        assets/css/shared/badge.css
   Seite:        Startseite, Detailseite
   Zweck:        Kategorie-Chip und Technik-Tags
   Abhängig von: assets/css/shared/variablen.css
   Genutzt von:  assets/js/shared/projekt-bausteine.js (Karte und Detailseite)
   ============================================================ */

/* --- 1. Kategorie-Chip (Farbe über --kat-farbe) --- */
.kategorie-chip {
  color: var(--kat-farbe, var(--akzent-1));
  font-family: var(--schrift-mono);
  font-size: var(--schrift-klein);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* --- 2. Technik-Tags --- */
.tag-liste {
  display: flex;
  flex-wrap: wrap;
  gap: var(--abstand-2);
}

.tag {
  padding: 0.1rem 0.55rem;
  background: var(--farbe-flaeche-hell);
  border-radius: var(--radius-klein);
  color: var(--farbe-text-gedaempft);
  font-family: var(--schrift-mono);
  font-size: var(--schrift-klein);
}