:root {
    --vp-c-brand-1: #3C73B5;
    --vp-c-brand-2: #2e5a96;
    --vp-c-brand-3: #4a82c4;
    --vp-c-brand-soft: rgba(60, 115, 181, 0.14);
}

.new-badge {
    background-color: #3C73B5;  /* Samco brand blue */
    color: white;
    font-size: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
    font-weight: bold;
    text-transform: uppercase;
    height: auto;
}

.new-circle {
    display: inline-block;
    background-color: #3C73B5;  /* Samco brand blue */
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-left: 8px;
    vertical-align: middle;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

.deprecated-badge {
    background-color: #c83030;  /* red */
    color: white;
    font-size: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
    font-weight: bold;
    text-transform: uppercase;
    height: auto;
}

.deprecated-circle {
    display: inline-block;
    background-color: #c83030;  /* red, matches .deprecated-badge */
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-left: 8px;
    vertical-align: middle;
    animation: pulse 1s infinite;
}