/* ABOUTME: Status badge styling using semantic mark elements.
   ABOUTME: Provides color variants for different status states. */

mark.status-badge {
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: capitalize;
}

/* Default - success/completed states (green) */
mark.status-badge {
    background-color: rgba(46, 125, 50, 0.15);
    color: #2e7d32;
}

/* Contrast - action required states (orange/yellow) */
mark.status-badge.contrast {
    background-color: rgba(237, 108, 2, 0.15);
    color: #ed6c02;
}

/* Error - failed/cancelled states (red) */
mark.status-badge.error {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

/* Dark mode adjustments */
@media only screen and (prefers-color-scheme: dark) {
    mark.status-badge {
        background-color: rgba(76, 175, 80, 0.2);
        color: #81c784;
    }

    mark.status-badge.contrast {
        background-color: rgba(255, 152, 0, 0.2);
        color: #ffb74d;
    }

    mark.status-badge.error {
        background-color: rgba(244, 128, 140, 0.2);
        color: #f4808c;
    }
}

[data-theme="dark"] mark.status-badge {
    background-color: rgba(76, 175, 80, 0.2);
    color: #81c784;
}

[data-theme="dark"] mark.status-badge.contrast {
    background-color: rgba(255, 152, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] mark.status-badge.error {
    background-color: rgba(244, 128, 140, 0.2);
    color: #f4808c;
}