/* Risk severity badges */
:root {
  --risk-5: #e53935; /* red */
  --risk-4: #fb8c00; /* orange */
  --risk-3: #fdd835; /* amber */
  --risk-2: #43a047; /* green */
  --risk-1: #42a5f5; /* light blue */
}

/* Dark scheme contrast tweaks */
[data-md-color-scheme="slate"] {
  --risk-5: #ef5350;
  --risk-4: #ffa726;
  --risk-3: #ffeb3b;
  --risk-2: #66bb6a;
  --risk-1: #64b5f6;
}

.risk-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  color: #fff;
  font-weight: 600;
  font-size: 0.85em;
  line-height: 1.6;
  white-space: nowrap;
}
.risk-5 { background: var(--risk-5); }
.risk-4 { background: var(--risk-4); }
.risk-3 { background: var(--risk-3); color: #000; }
.risk-2 { background: var(--risk-2); }
.risk-1 { background: var(--risk-1); }

/* Optional: light tint for table rows if used later
.risk-row-5 { background: color-mix(in srgb, var(--risk-5) 12%, transparent); }
.risk-row-4 { background: color-mix(in srgb, var(--risk-4) 12%, transparent); }
.risk-row-3 { background: color-mix(in srgb, var(--risk-3) 18%, transparent); }
.risk-row-2 { background: color-mix(in srgb, var(--risk-2) 12%, transparent); }
.risk-row-1 { background: color-mix(in srgb, var(--risk-1) 12%, transparent); }
*/