:root {
    --gears-color: #00467E;
    --bg-body-bg: #fff;
    --bs-body-bg-rgb: rgb(255,255,255);
}

fluent-badge {
    --badge-fill-done: color-mix(in srgb, var(--success) 20%, white) !important;
     --badge-fill-todo: color-mix(in srgb, var(--error) 20%, white) !important;

    --badge-fill-Created: var(--downtime-created);
    --badge-color-Created: #fff;

    --badge-fill-Confirmed: var(--downtime-confirmed);
    --badge-color-Confirmed: #fff;

    --badge-fill-Approved: var(--downtime-approved);
    --badge-color-Approved: #fff;

    --badge-fill-Rejected: var(--downtime-rejected);
    --badge-color-Rejected: #fff;

    --badge-fill-InProgress: var(--downtime-inprogress);
    --badge-color-InProgress: #fff;

    --badge-fill-Implemented: var(--downtime-validated);
    --badge-color-Implemented: #fff;

    --badge-fill-Verified: var(--downtime-validated);
    --badge-color-Verified: #fff;

    --badge-fill-Cancelled: var(--downtime-cancelled);
    --badge-color-Cancelled: #fff;

    --badge-fill-Aborted: var(--downtime-cancelled);
    --badge-color-Aborted: #fff;

    --badge-fill-Closed: var(--downtime-closed);
    --badge-color-Closed: #fff;
}