:root {
  --status-ok: #1a7f45;
  --status-ok-bg: #dcfce7;
  --status-ok-text: #14532d;
  --status-warn: #a86b00;
  --status-warn-bg: #fdf1cf;
  --status-warn-text: #5c3b00;
  --status-alert: #c0261c;
  --status-alert-bg: #fee2e2;
  --status-alert-text: #7f1d1d;
  --status-good: var(--status-ok);
  --status-good-tint: var(--status-ok-bg);
  --status-good-ink: var(--status-ok-text);
  --status-bad: var(--status-alert);
  --status-bad-tint: var(--status-alert-bg);
  --status-bad-ink: var(--status-alert-text);
  --status-caution: var(--status-warn);
  --status-caution-tint: var(--status-warn-bg);
  --status-caution-ink: var(--status-warn-text);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --status-ok: #4ade80;
    --status-ok-bg: #10301d;
    --status-ok-text: #bbf7d0;
    --status-warn: #fbbf24;
    --status-warn-bg: #33260a;
    --status-warn-text: #fde68a;
    --status-alert: #f87171;
    --status-alert-bg: #3b1616;
    --status-alert-text: #fecaca;
    --status-good: var(--status-ok);
    --status-good-tint: var(--status-ok-bg);
    --status-good-ink: var(--status-ok-text);
    --status-bad: var(--status-alert);
    --status-bad-tint: var(--status-alert-bg);
    --status-bad-ink: var(--status-alert-text);
    --status-caution: var(--status-warn);
    --status-caution-tint: var(--status-warn-bg);
    --status-caution-ink: var(--status-warn-text);
  }
}
:root[data-theme="dark"] {
  --status-ok: #4ade80;
  --status-ok-bg: #10301d;
  --status-ok-text: #bbf7d0;
  --status-warn: #fbbf24;
  --status-warn-bg: #33260a;
  --status-warn-text: #fde68a;
  --status-alert: #f87171;
  --status-alert-bg: #3b1616;
  --status-alert-text: #fecaca;
  --status-good: var(--status-ok);
  --status-good-tint: var(--status-ok-bg);
  --status-good-ink: var(--status-ok-text);
  --status-bad: var(--status-alert);
  --status-bad-tint: var(--status-alert-bg);
  --status-bad-ink: var(--status-alert-text);
  --status-caution: var(--status-warn);
  --status-caution-tint: var(--status-warn-bg);
  --status-caution-ink: var(--status-warn-text);
}