:host, :root {
    --amber-50: #fff8e1;
    --amber-900: #ff6f00;
    --green-50: #e8f5e9;
    --green-800: #1b5e20;
    --red-50: #ffebee;
    --red-900: #b71c1c;
}

.text-danger {
  color: var(--red-900);
}
.text-warning {
  /* darken(--amber-900, 20%) */
  color: hsl(from var(--amber-900) h s calc(l - 20));
}
.text-success {
  color: var(--green-800);
}