/*
    Bug-state CSS variables shared by any page that hosts the bug progress
    chart or related visualizations. Apply by adding the .bug-progress-container
    class to a wrapping element. Defined globally (not in scoped component CSS)
    so multiple pages can host bug visualizations without duplication.
*/
.bug-progress-container {
    --Indigo: var(--Indigo-800);
    --Blue: var(--Blue-700);
    --DarkBlue: var(--Blue-900);
    --Red: var(--Red-700);
    --DarkRed: var(--Red-900);
    --Gray: var(--Gray-700);
    --LightGray: var(--Gray-600);
    --Green: var(--Green-700);

    --New: var(--Gray);
    --Approved: var(--Green);
    --Active: var(--Blue);
    --Resolved: var(--Red);
    --QA-Test: var(--Indigo);
    --Deployment: var(--Blue);
    --Prod-Test: var(--DarkBlue);
    --Closed: var(--LightGray);
    --Default: var(--Indigo);
}