.tone-green { --tone: var(--primary); --tone-soft: var(--primary-soft); }
.tone-blue { --tone: var(--blue); --tone-soft: var(--blue-soft); }
.tone-purple { --tone: var(--purple); --tone-soft: var(--purple-soft); }
.tone-orange { --tone: var(--orange); --tone-soft: var(--orange-soft); }
.tone-red { --tone: var(--red); --tone-soft: var(--red-soft); }

.status-online { color: var(--green); background: var(--green-soft); }
.status-attention { color: #b45309; background: var(--orange-soft); }
.status-offline { color: var(--red); background: var(--red-soft); }
.status-stock { color: var(--blue); background: var(--blue-soft); }
.status-tech { color: var(--purple); background: var(--purple-soft); }
.status-free { color: var(--muted); background: #f1f5f9; }