.sf-status {
    --strato-status-bg: var( --surface-bright );
    --strato-status-color: var( --text-on-surface-bright );
    --strato-status-border-color: var(--border);

    background-color: var( --strato-status-bg );
    border-color: var( --strato-status-border-color );
    color: var( --strato-status-color );

    border: 1.4px solid transparent;
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: var( --strato-box-shadow );
    border-radius: var( --border-radius );
}

.sf-status.success {
    --strato-status-color: var( --success-text );
    --strato-status-bg: var( --success-background );
    --strato-status-border-color: var( --success-icon );
}
.sf-status.info, .sf-status.hint {
    --strato-status-color: var( --info-text );
    --strato-status-bg: var( --info-background );
    --strato-status-border-color: var( --info-icon );
}
.sf-status.error {
    --strato-status-color: var( --danger-text );
    --strato-status-bg: var( --danger-background );
    --strato-status-border-color: var( --danger-icon );
}