:root {
    --page-400: var(--blue-400);
    --page-500: var(--blue-500);
    --page-600: var(--blue-600);
    --page-bs-01: var(--blue-bs-01);
    --page-bs-02: var(--blue-bs-02);
    --page-bs-03: var(--blue-bs-03);
}

.risk-badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0.5rem;
}

.risk-high {
    background-color: var(--red-100);
    color: var(--red-700);
}

.risk-medium {
    background-color: var(--amber-100);
    color: var(--amber-700);
}

.risk-low {
    background-color: var(--green-100);
    color: var(--green-700);
}