/* ===============================
   ARCHIVED / STATUS TAG SYSTEM
   Shared across cards + project pages
================================ */

/* ---------- Card-level badge ---------- */

.card {
  position: relative;
}

/* Archived badge on project cards */
.archived-badge {
  position: left;
  top: 10px;
  right: 12px;

  padding: 4px 10px;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.04em;

  border-radius: 999px;
  background: #f3f3f3;
  color: #666;
  border: 1.5px solid #fbbf77;

  z-index: 2;
}

/* Subtle visual de-emphasis for archived cards */
.card.archived {
  opacity: 0.92;
}


/* ---------- Project page status badge ---------- */

.project-status {
  display: inline-block;
  margin: 6px 0 px;

  padding: 4px 12px;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.04em;

  border-radius: 999px;
  border: 1.5px solid;
}

/* Archived state */
.project-status.archived {
  background: #f3f3f3;
  color: #666;
  border-color: #fbbf77;
}


/* ---------- Optional future states ---------- */

/* Active / maintained */
.project-status.active {
  background: #eefaf2;
  color: #2f7d4a;
  border-color: #b7e4c7;
}

/* Experimental / WIP */
.project-status.experimental {
  background: #fff7ed;
  color: #9a3412;
  border-color: #fed7aa;
}